@media only screen and (min-width: 1400px) and (max-width: 1800px) {
.faq-section .accordion-body { font-size: 16px;line-height: 26px;}
.faq-section .accordion-header .accordion-button{ font-size: 18px; padding: 13px 15px;}
}


@media (max-width: 1024px) {
.theme-heading h2 {
font-size:30px
}
.theme-heading svg {
width: 100%
}
section.hero {
padding-top: 65px;
clip-path: none
}
section.hero .bg {
clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 0 100%, 0% 0);
background-size: cover;
animation: kenburns-top 0s ease-in-out infinite alternate-reverse both
}
section.hero .car-image {
width: 340px;
bottom: 0;
left: -110px
}
section.hero .left {
margin-bottom: 26px
}
section.hero .flex-part {
display: block
}
section.hero .flex-part h3 {
font-size: 16px;
font-style: normal;
font-weight: 600;
text-align: center
}
section.hero .theme-heading {
padding-bottom: 10px
}
section.hero .theme-heading h1 {
font-size: 38px;
line-height: 75%
}
section.hero .theme-heading h1 span {
font-size: 38px
}
section.hero .flex-part2 {
display: block;
text-align: center
}
section.hero .flex-part2 img {
padding: 20px 0
}
section.hero .flex-part2 p {
font-size: 19px;
font-weight: 600;
border-left: 0px solid;
padding-left: 0
}
section.hero .contact-form {
    padding: 50px 15px 12px 15px;
}
section.hero .contact-form img {
margin-left: -11px;
padding: 0px 0 10px;
width: 104%
}
section.process .theme-heading {
align-items: center
}
section.process .inner .single-process {
width: calc((100% / 1) - 15px)
}
section.process .inner .single-process .heading {
height: auto;
background: transparent;
box-shadow: 3.18535px 3.82242px 25px rgba(0, 0, 0, 0);
color: #000;
font-weight: 900
}
section.process .inner .single-process .content {
height: auto !important;
box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.35)
}
section.process .inner .single-process .icon:after {
display: none
}
section.about .bg {
clip-path: none
}
section.about h2 {
    font-size: 25px;
}
section.about .box-part {
display: block
}
section.about .box-part .item {
margin-bottom: 20px
}
section.about .flex-part {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
padding-top: 12px
}
section.about .flex-part:before {
position: absolute;
width: 106%;
height: 110%;
border-radius: 20px;
left: -11px;
top: -9px;
z-index: -1
}
section.about .flex-part .image {
margin: 0 auto;
text-align: center
}
section.about .flex-part .image img {
width: 70%
}
section.about .image-container {
margin-top: 20px
}
section.about .image-container img.small-image {
bottom: 0;
right: 0;
width: 180px
}
section.about .image-container .blue-box {
width: 180px;
height: 165px;
top: 0;
right: 0
}
section.about .image-container .blue-box:before {
display: none
}
.logos {
background-size: cover;
padding: 100px 0;
margin-top: -60px
}
.logos .logo {
grid-template-columns: 1fr 1fr 1fr;
gap: 10px;
margin-top: 20px
}
.material {
    padding-top: 50px;
    padding-bottom: 30px;
}
.material .theme-heading h2 {
font-size: 48px
}
.material .flex-part2 {
display: block;
margin-bottom: 20px
}
.material .material-slider .item h3 {
position: relative;
font-size: 35px;
text-align: center;
bottom: 0;
margin-top: 20px
}
.services {
padding: 104px 0 75px;
margin-top: 0
}
.services .main-tabs {
margin: 1em 0;
width: 100%
}
.services .items-tabs {
margin-top: 0;
flex-flow: row wrap;
display: flex;
gap: 0px;
flex-wrap: nowrap;
}
.services .items-tabs .item {
justify-content: center
}
.services .items-content .content-box .img-container img {
clip-path: none
}
.services .items-content .content-box .img-outer {
display: block
}
.services .items-content .content-box .content {
padding: 25px;
color: #fff;
height: 100%;
background-color: #0F2635;
clip-path: none;
width: 100%;
margin-left: 0;
z-index: -1;
position: relative;
padding-left: 12px;
top: 5px
}
.services .items-content .content-box .content-outer {
height: 100%;
background-color: var(--primary);
clip-path: none;
width: 100%;
margin-left: 0;
z-index: -1;
position: relative;
padding-left: 0px;
top: 10px
}
.gallery-section {
padding-left: 10px;
padding: 25px 10px
}
.gallery-section .theme-heading h2 {
font-size: 30px
}
.gallery-section .gallery {
max-width: 1200px;
min-width: 1200px;
height: 100%;
overflow: hidden;
transform: translate(0%, 0%) rotate(-6deg) rotateX(10deg) rotateY(20deg)
}
.gallery-section .gallery:before {
background: linear-gradient(90deg, rgba(34, 34, 34, 0.9) 41.81%, rgba(0, 0, 0, 0) 100.82%)
}
.gallery-section .flex-part2 {
display: block
}
.solar .theme-heading h2 {
font-size: 35px
}
.solar .box-part {
grid-template-columns: 1fr
}
.storm-damage {
padding: 70px 0 40px
}
.storm-damage .theme-heading h2 {
font-size: 28px
}
.storm-damage .btn {
padding: 0px 18px;
font-size: 18px
}
.financing .theme-heading h2 {
font-size: 30px;
line-height: 120%
}
.financing .btn {
padding: 0px 20px
}
.service-areas {
background-size: cover;
padding: 62px 0
}
.service-areas .theme-heading h2 {
font-size: 30px;
margin-bottom: 0px;
width: 100%
}
.service-areas .items {
grid-template-columns: 1fr
}
.serviceouter-two .theme-heading h2 {
font-size: 34px;
margin-bottom: 20px
}
.contact-one {
background-position: right top;
padding-bottom: 70px;
background-size: cover
}
.contact-one .left .logo img {
width: 28%
}
.contact-one .left .logo img:first-child {
border-right: 0;
padding-right: 0px
}
.contact-one .right {
width: 100%
}
.map-part {
padding: 0;
margin-top: -40px
}
.about-two {
padding: 35px 0px;
margin-top: 0
}
.about-two .content {
padding: 0 15px 20px
}
.about-three {
margin-top: 0px;
padding-top: 0px
}
.about-three .top {
text-align: center
}
.about-three .top .owner {
height: 100%
}
.about-three .top .owner img {
position: relative;
bottom: 0;
right: 0;
height: 300px;
width: 100%;
object-fit: cover
}
.about-three .owner-inner div {
order: 2
}
.about-three .bottom {
margin-top: 0;
padding: 0 30px
}
.about-three .bottom:before {
width: 100%;
height: 105%;
top: 0
}
.about-three .bottom img {
width: 100%
}
.about-three .bottom .item {
margin-top: 40px
}
.about-four .left {
padding: 50px 20px
}
.about-four .left:before {
background: linear-gradient(270deg, rgba(32, 77, 0, 0.67) 0%, rgba(34, 34, 34, 0.38) 100%);
border-right: 0
}
.about-four .left .items {
width: 100%
}
.financing-one .img-container img {
width: auto
}
.financing-one .img-container:before {
top: -40px;
height: 85%;
width: 70%
}
.financing-one .item {
background: #449b06
}
.financing-one .item p {
color: #d1d1d1
}
.financing-one h2 {
line-height: 140% !important
}
section.financing-two {
background-position: left
}
.serviceouter-one .image-part {
margin-bottom: 30px
}
.serviceouter-one .image-part img {
width: 100%
}
.serviceouter-one .image-part .logo-image {
width: 49%
}
.serviceouter-one .outer-theme-icon {
margin-top: 15px
}
.serviceouter-two .sub-heading:before {
left: 0
}
.serviceouter-two .items {
padding: 0 !important
}
.serviceouter-two .items .item {
width: 100%;
margin-top: 20px
}
.serviceouter-four {
z-index: 1
}
.serviceouter-four .contact-outer .left {
padding: 40px 25px
}
.serviceouter-four .contact-outer .right {
padding: 25px
}
.serviceouter-four .contact-outer .right .contact-form .top {
width: 80%;
padding-top: 18px
}
.serviceouter-four .contact-outer .right .contact-form .top h3 {
text-align: center
}
.insurance-one .inner .box {
padding: 20px
}
.insurance-two .inner {
grid-template-columns: 1fr 3fr
}
.insurance-two .inner .left .road-container svg {
top: 0
}
.insurance-two .item .icon-box {
display: none
}
.insurance-two .item .icon {
display: none
}
.insurance-two .item .content-box {
width: 96%
}
.insurance-two .item .content-box:before {
display: none
}
.serviceinner-two {
padding-top: 50px
}
.serviceinner-two .col-12:first-child {
order: 2
}
.serviceinner-two .imageinner-part img {
width: 100%
}
.serviceinner-three .img-container .c-scrolldown {
top: 0;
height: 222px;
width: 18px;
left: 6px
}
.serviceinner-three .img-container .c-scrolldown1 {
width: 116px;
height: 19px;
bottom: 6px;
right: 8px
}
.serviceinner-four .items {
padding: 5px
}
.serviceinner-four .box-top .box-part {
padding: 25px 25px 16px
}
.single-blogs-one .inner .single-blog {
padding: 20px
}
.single-blogs-one .inner .single-blog .blog-content {
padding: 10px 0
}
.solar-one .options .option {
min-width: 35px
}
.solar-one .options .option:active .info h3 {
text-align: center
}
.solar-one .options .option .bottom {
bottom: 7px
}
.solar-one .options .option .bottom .icon {
min-width: 25px;
max-width: 25px;
height: 25px
}
.solar-one .sun img {
width: 115px;
height: 115px;
grid-area: stack;
opacity: 0;
position: relative;
left: 0
}
.solar-one .sun img:active.sun1 {
top: 6%;
left: 50px
}
.solar-one .sun img:active.sun2 {
top: 6%;
left: 20%
}
.solar-one .sun img:active.sun3 {
top: 6%;
left: 50%
}
.solar-one .left .logos-container .logos {
flex-direction: column
}
.solar-two .rightimg {
display: none
}
.solar-three .items {
flex-direction: column
}
.solar-three .items .item .number {
opacity: 0.2
}
.solar-four {
background-size: cover
}
.solar-four .items {
width: 100%
}
.solarsingle-one {
padding-bottom: 75px
}
.solarsingle-one .box {
width: 100%;
padding: 20px
}
.solarsingle-two {
clip-path: none;
padding: 80px 0px;
background-size: cover;
margin-top: -56px
}
.solarsingle-two .box {
padding: 0px
}
.solarsingle-two .img-container {
position: relative;
margin-top: 20px
}
.solarsingle-two .img-container img {
margin-top: 0
}
.solarsingle-two .points {
margin-top: -50px
}
.solarsingle-three .items .item:nth-child(odd) {
top: 0
}
.serviceinner-one .imageinner-part {
position: relative;
width: 88%;
margin: 0 auto
}
.serviceinner-four .items .col-12:first-child {
order: 2;
margin-top: -30px
}
.serviceouter-two .items-tabs {
flex-flow: row wrap
}
.serviceouter-two .items-tabs .tab {
width: 80%;
justify-content: center;
transform: none;
margin-bottom: 0.5em;
}
.serviceouter-two .items-tabs .tab .icon {
display: none
}
.serviceouter-two .items-tabs .tab h4 {
padding: 10px;
transform: none;
font-size: 14px
}
.serviceouter-two .items {
margin-top: 15px
}
.serviceouter-two .items .item {
grid-template-columns: 1fr
}
.serviceouter-two .items .item .overlayimg {
height: auto
}
.serviceouter-two .items .item .content-box {
height: 100%
}
.serviceouter-three .materials {
padding-top: 80px
}
.serviceouter-three .materials .itemss {
margin-top: 40px
}
.serviceouter-three .materials .slick-prev,.serviceouter-three .materials .slick-next {
top: 50% !important
}
.serviceouter-three .materials .slick-prev {
left: -5px !important;
transform: rotate(180deg) !important
}
.serviceouter-three .materials .slick-next {
right: -10px !important
}
.serviceareainner-one .theme-heading h2 {
font-size: 28px
}
.service-areas .theme-heading {
margin-bottom: 30px
}
.testimonial .theme-heading h2 {
font-size: 28px
}
.serviceareaouter-two .imageareaouter-part {
text-align: center
}
.owens-one {
padding-bottom: 50px
}
.owens-one .content-box h3 {
text-align: center
}
.owens-two .slider-wrapper {
width: 90%;
margin: 0px auto
}
.owens-two .slider-wrapper .slick-prev {
left: -8%
}
.owens-two .slider-wrapper .slick-next {
right: -8%
}
.owens-two .items .item {
display: flex;
gap: 10px;
flex-direction: column
}
.owens-two .items .dis img {
padding: 0;
width: 50px
}
.financing-one .img-container {
top: 50px;
margin-bottom: 50px
}
.financing-three .items .item .pointer {
left: -10px;
width: 20px;
z-index: 999
}
.financing-two ul.theme li:before {
flex-shrink: 0
}
.financing-four {
margin-bottom: 40px
}
.financing-one .content-box h4 {
text-align: center
}
.insurance-four .right .item:hover {
transform: unset
}
.insurance-one .inner .box .theme-heading {
margin-top: 20px !important
}
.insurance-one .inner .img-container {
width: 90%;
margin-left: auto
}
.insurance-one .inner .img-container img {
width: 100% !important
}
.insurance-one .inner .img-container .icon {
position: absolute;
background: linear-gradient(0deg, rgba(104, 222, 132, 0.14), rgba(104, 222, 132, 0.14)), #1a1c19;
border: 5px dashed #50b30a;
border-radius: 5px;
width: 80px;
height: 80px;
bottom: 50px;
left: 0px;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
transform: translate(-50%, -50%)
}
ul.theme li:before {
flex-shrink: 0
}
.cta-part h2 {
font-size: 22px !important;
line-height: 180% !important
}
.cta-part h2 span {
font-size: 40px !important
}
.instantquote-two .content-cox {
grid-template-columns: 1fr
}
.instantquote-two .content-cox .item {
grid-template-columns: 1fr;
gap: 0;
max-height: 100%;
margin-bottom: 50px
}
.instantquote-two .content-cox .item:before {
display: none
}
.instantquote-two .content-cox .item .theme-heading {
writing-mode: horizontal-tb
}
.instantquote-two .content-cox .item .theme-heading h2 {
transform: none
}
.instantquote-two .content-cox .item .content-box {
height: auto;
flex-direction: column;
margin: 0px
}
.instantquote-three:before {
display: none
}
.instantquote-three:after {
display: none
}
.about-two .second-section .content-box {
padding-right: 0;
text-align: center
}
.insurance-two .items {
width: 100%
}
.insurance-two .items .item {
margin: 0;
grid-template-columns: 100%
}
.insurance-two .items .item:before,.insurance-two .items .item:after {
display: none
}
.insurance-two .items .item:nth-child(even) {
grid-template-columns: 100%
}
.insurance-two .items .item:nth-child(even) .left {
order: 1
}
.insurance-two .items .item:nth-child(even) .left span {
left: -43px
}
.insurance-two .items .item:nth-child(even) .right {
order: 2
}
}
@media only screen and (max-width: 991px) {
section.hero .theme-heading h1 {
border-bottom: none;
}
section.hero .car-image {
    width: 306px;
    bottom: -45px;
    left: -19px;
}
.about .box-part .item::before {
display: none;
}
.material .flex-part2 h3 {
border-left: 0;
padding-left: 0;
margin: 1em 0;
}
.services .main-tabs {
width: 100%;
margin: 1em 0;
}
footer::before {
height: 120px;
background: #000;
}
footer .menu-container {
margin-top: 0px;
}
footer .row {
gap: 0;
}
}
@media (max-width: 767px) {
nav a img {
    width: 200px;
}
.services .main-tabs .item {
width: auto;
}
.services .items-tabs {
display: block !important;
}
.menumobile {
display: block;
background-color: #fff !important;
}
.top-bar-mobile {
display: block;
}
.material .flex-part2 h3 {
margin: 20px 0;
}
.services .main-tabs {
margin: 20px 0;
}
.services .items-tabs {
margin-top: 10px;
}
.services .items-tabs .item {
    width: 100%;
    padding: 1em 0;
}
.testimonial .flex-part {
display: grid;
grid-template-columns: 30% 70%;
gap: 10px;
margin-top: 10px;
}
.testimonial .flex-part img {width: 100%;}
.testimonial .flex-part p {margin: 0;}
.testimonial a.btn {font-size: 12px;}

.service-areas .itemsl{ display: table; margin: 0 auto;}
.service-areas .itemsl .item-logo{ margin-bottom: 20px;}
.service-areas .content p{ text-align: center; font-size: 12px;}
.btn2{ margin: 0 auto;}
.itemsl{ display: table; margin: 0 auto;}
.itemsl .item-logo{ margin-bottom: 20px;}
.rc{ text-align: center;}
.service-areas .items .item img{ height: 40px !important;}
.carousel-inner .carousel-item.active{ display: block;}
.service-areas .items .item .text h3{ text-align: center;}
.service-areas .items .item .text h3 .fa-location-dot{ margin: -8px 0 0 0;}
.service-areas .items .item .text h3 span{ width: 100%; display: inline-block; font-size: 12px;}
.service-areas .items .item{ display: block;}
.service-featured{ min-height: 300px; margin: 0px;}
.whylogo{ margin-top: 30px;}

.pc{ background-color: #fff; padding: 10px 0;}
header .menu-top-bar{ display: none;}
.hmid { display: none;}
header.pc .logo-container{ position: relative; background: none; display: inline-block; clip-path: none; left:10px; transform: none;}
.menu-bar-part{ position: absolute; right: 10px; top: 15px;}
header.pc .logo-container .logolink img{ width: 200px; padding:0; display: block;}
section.hero{ padding-top:30px; padding-bottom: 30px;}	
section.hero .theme-heading h1{ font-size: 15px; line-height:25px !important;}
section.hero .theme-heading p{ font-size: 12px; line-height: 18px; padding: 10px 0 15px; margin: 0;}
section.hero .theme-heading .btn{ font-size: 12px; min-height: 35px;}	
.service-areas .items{ gap: 0;}	
.container{ width: auto;}
footer .links-container h4{ font-size: 20px;}
footer .links-container{ margin: 25px 0;}
.faq-section .accordion-header .accordion-button{ font-size: 13px;}	
.gf_browser_chrome .wpcf7 .wpcf7-form p{ margin: 0; font-size: 8px !important;}
section.hero .contact-form{ padding: 20px 15px 0 15px;}	
section.hero .contact-form h3{ font-size: 12px;}
section.hero .contact-form h3 span{ font-size: 20px;}
.contact-form .gf_browser_chrome .row{ gap: 8px;}
section.hero .contact-form input{ height: 30px; font-size: 12px;}
textarea.form-control{ font-size: 12px;}	
.form-group select{ height: 30px; padding: 0 10px; font-size: 12px;}	
.form-group .th-btn{ font-size: 12px; padding: 10px;}	
section.hero .bg{ background-image: none !important;}
section.about .bg{ background-image: none !important; background-color: #121212;}	
.process .inner .single-process .content p{ font-size: 12px; line-height: 20px;}	
.about h4{ font-size: 14px;}	
section.about h2 {font-size: 20px;}
section.about .flex-part{ margin: 0;}	
section.about .flex-part p{ font-size: 12px;}
p{ font-size: 12px;}
.services .items-content .content-box .content h3{ font-size: 20px;}
.services .items-content .content-box .content p{ font-size: 12px;}	
.theme-heading2 h2{ font-size: 20px;}
.theme-heading2 h2 br{ display: none;}	
.financing .items .item h4{ font-size: 15px;}	
.financing .items .item	h4{ font-size: 15px;}
.contact .form-part h4{ font-size: 20px; margin-bottom: 20px;}	
.contact .form-part .row{ gap: 8px;}
.contact .form-part p{ margin:0px;}	
.contact .form-part input, .contact .form-part select{ height: 30px; font-size: 12px;}
footer .links-container ul li{ padding: 0;}	
footer .links-container ul li a{ font-size: 12px;}
footer .links-container .contact-block p:nth-child(2){ font-size: 12px;}
section.custom-bg{ background-image: none !important; background-color: #121212;}	
	
}



@media (max-width: 575px) {
.serviceouter-two .items-tabs .tab {
    width: 100%;
}  
.serviceouter-three .materials .residential-material .itemss .slick-track, 
.serviceouter-three .materials .commercial-material .itemss .slick-track {
    flex-direction: column;
}  
.serviceouter-three .materials {
    padding-bottom: 50px;
}
footer .row {
margin-left: 0.0em;
}
}
@media (max-width: 480px){
.material .theme-heading h2 {
    font-size: 30px;
}
section.hero.active .theme-heading h1 {
    line-height: 1.25em;
}
}


@media only screen and (min-width: 1920px) {
p{ font-size: 18px !important;}
.ozmenu ul.ozmenu-nav>li a{ font-size: 18px;}	
.process .inner .single-process .heading{ font-size: 18px;}
.ozmenu ul li.dropdownitem ul li a{ font-size: 18px;}	
	

}