@media screen and (min-width: 1400px) and (max-width: 1600px){
    .staff-card-wrap{
        height: 400px;
    }
}
@media screen and (min-width: 768px){
    .img-file-wrapper{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 15px;
    }
}
@media screen and (min-device-width: 1025px) and (max-device-width: 1291px) { 
    .main-menu-navigation ul.custom-menu > li{
        padding: 28px 5px;
    }
    .search-wrap button{
        width: 32px;
        height: 32px;
    }
    .top-btn-wrap .common-btn{
        padding: 10px 10px;
        font-size: 1.2rem;
    }
    .search-wrap button img{
        width: 15px;
    }
    .wpml-language {
        margin-left: 10px;
        max-width: 84px;
    }
    .wpml-language .wpml-ls-legacy-dropdown a{
        padding: 10px 10px;
        font-size: 1.2rem;
    }
    .modular-content-outer h2{
        font-size: 2rem;
    }
    .footer-menu-link ul li {
        font-size: 1.8rem;
    }
}
@media screen and (min-device-width: 1025px) and (max-device-width: 1279px) { 
    .main-logo {
        max-width: 140px;
        margin-right: 10px;
    }
    .main-menu-navigation ul.custom-menu li a{
        font-size: 1.5rem;
    }
    .wpml-language .wpml-ls-legacy-dropdown a{
        padding: 10px 10px;
        font-size: 1.2rem;
    }
    .benefit-card-repeater{
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }
}
@media screen and (max-width: 1200px){
    .inner-banner-outer {
        width: 100%;
    }
    .footer-menu-wrap{
        grid-column-gap: 30px;
    }
    .quote-section-outer {
        padding-top: 60px;
    }
    .checkbox-content {
        margin-bottom: 20px;
    }
    .checkbox {
        grid-template-columns: repeat(2, 1fr);
    }
    .support-outer {
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-gap: 10px;        
    }
    .footer-cta-outer .heading-wrap{
        text-align: center;
    }
    .codedropz-upload-handler {
        margin-right: 200px;
        margin-bottom: 4px;
    }
    .upload-details ul li p {
        font-size: 1.2rem;
    }
    .product-gallery-slider button.owl-prev , .product-gallery-slider button.owl-next {
        top: 9%;
    }
    .flexible-image-slider.product-gallery-slider button.owl-prev, 
    .flexible-image-slider.product-gallery-slider button.owl-next {
        top: 22%;
    }
}
@media screen and (max-width: 1100px){
    .new-shores .container{
        display: block;
    }
    .new-shores .left-block {
        max-width: 100%;
        margin-bottom: 50px;
    }
    .new-shores .upload-details{
        max-width: 100%;
    }
    .personal-information.product-choice.new-shores .left-block{
        max-width: 100%;
    }
    .personal-information.product-choice.new-shores .upload-details{
        max-width: 100%;
    }
    .new-shores .upload-details .add-icon {
        left: 88px;
        top: 50px;
        position: static;
    }
    .new-shores .file-content{
        margin-top: 40px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1140px){
    .img-file-wrapper{
        padding: 38px 15px 20px;
    }
    .dnd-upload-status {
        margin-right: 21px;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1240px){
    .installation-group ul li:nth-child(1){
        left: 73.5%;
    }
    .installation-group ul li:nth-child(2) {
        left: 81.5%;
        top: 25%;
    }
    .personal-information.product-choice.new-shores .left-block {
        max-width: 947px;
    }
    .personal-information.product-choice.new-shores .upload-details {
        max-width: 340px;
    }
}
@media screen and (min-width: 1025px) {
    .main-menu-navigation ul.custom-menu > li:hover > .sub-menu-list {
        display: flex;
        flex-wrap: wrap;
      }
    
}
@media screen and (min-width: 1025px) {
    .dnd-upload-status .dnd-upload-details .name span{
        white-space: nowrap !important;
    }
}
@media screen and (max-width: 1024px){
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list > .custom-sub-menu li > .listing-wrapper.m-menu {
        display: none;
    }
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list > .custom-sub-menu li.active-item > .listing-wrapper.m-menu {
        display: block;
    }
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list > ul.custom-sub-menu > li.active-item a > span.menutext:after{
        transform: scaleX(0);
    }
	.container{
        max-width: 900px;
        padding: 0 20px;
    }
    .common-heading h2,
    .milestone-section .common-heading h2{
        font-size: 4rem;
    }
    header.site-header.nav-up{
        top: -84px;
    }
    .main-header{
        position: relative;
    }
    .desktop-header{
        display: none;
    }
    .mobile-header{
        display: flex;
        justify-content: space-between;
    }
    .mobile-main-logo {
        width: 355px;
    }    
    .mobile-right-part {
        display: flex;
        flex-wrap: nowrap;
        justify-content: end;
    }    
    .mobile-top-btn {
        width: 100%;
        flex: 1 0 100%;
        justify-content: end;
        display: flex;
    }    
    .mobile-top-menu {
        display: flex;
        align-items: center;
    }
    .main-menu-navigation .main-menu-toggle {
        display: block;
    }
    .main-menu-navigation .custom-menu-container {
        display: none;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        background: #fff;
        z-index: 3;
    }

    li.custom-menu-item.open-menu .drop-down i {
        transform: rotate(90deg);
        font-size: 19px;
        color: var(--black);
        position: absolute;
        left: 20px;
        top: 12px;
        transition: all ease 0.5s;
    }
    li.custom-menu-item.open-menu.active .drop-down i {
        transform: rotate(180deg);
        left: 20px;
        top: 10px;
    }
    li.custom-menu-item.open-menu .drop-down {
        display: block;
    }
    li.custom-menu-item .drop-down {
        display: none;
    }
    .main-menu-navigation ul.custom-menu{
        flex-direction: column;
    }
    .main-menu-navigation ul.custom-menu > li {
        padding: 10px 15px 10px 48px;
        width: 100%;
    }
    .main-menu-navigation ul.custom-menu > li a:after{
        display: none;
    }
    li.custom-menu-item.custom-mega-menu .sub-menu-list{
        width: 100%;
    }
    figure.product-image{
        display: none;
    }
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list{
        display: none;
        grid-template-columns: 234px auto;
        position: static;
        padding: 10px;
        width: 100%;
    }
    .main-menu-navigation ul.custom-menu > li.active > .sub-menu-list{
        display: grid;
        grid-template-columns: 100%;
    }

    .main-menu-navigation ul.custom-menu > li.custom-mega-menu > .sub-menu-list > ul.custom-sub-menu{
        width: auto;
        padding: 0;
    }
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list > .listing-wrapper{
        width: auto;
    }
    .main-menu-navigation ul.custom-menu > li.custom-mega-menu > .sub-menu-list > .listing-wrapper.d-menu {
        display: none;
    }
    .main-menu-navigation ul.custom-menu > li.custom-mega-menu .listing-wrapper.m-menu {
        display: block;
        margin-left: 10px;
    }
    .main-menu-navigation ul.custom-menu > li > .sub-menu-list li {
        margin-bottom: 0;
    }
    .sub-wrapper.active-item{
        display: block;
    }
    .main-logo{
        order: 1;
    }
    .main-menu-part{
        order: 3;
        margin-right: 0;
    }
    .search-wrap{
        order: 4;
        width: 100% !important;
        margin: 0;
    }
    .search-bar input{
        padding-right: 45px !important;
        width: 100% !important;
        margin-right: 0;
    }
    .right-part-outer{
        order: 2;
    }
    .wpml-language{
        margin-right: 15px;
    }
    .banner-content {
        padding: 25px 25px;
    }
    .modular-list-outer{
        grid-template-columns: 180px 1fr;
    }
    .modular-image{
        width: 150px;
    }
    .modular-tab-wrap {
        grid-template-columns: 300px 1fr;
    }
    .modular-tabs {
        margin-right: 30px;
    }
    .modular-content-outer {
        padding-top: 0;
    }
    .plan-install-section{
        min-height: 100%;
    }
    .flexible-image-slider{
        width: 300px;
    }
    footer.site-footer{
        padding-bottom: 30px;
    }
    .footer-menu-box h4{
        font-size: 3rem;
    }
    .footer-menu-link ul li {
        font-size: 1.5rem;
    }
    .footer-menu-wrap{
        grid-template-columns: repeat(3, 1fr);
    }
    ul.social-media{
        margin-top: 30px;
    }
    .footer-copyright {
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
    }
    .copyright-text{
        order: 2;
        width: 100%;
    }
    .important-links{
        order: 1;
        width: 100%;
        margin-bottom: 15px;
    }
    .important-links p{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
    .important-links p a {
        margin-left: 0;
        padding: 0 10px;
    }
    .plan-install-section .container-wrap{
        max-width: 100%;
    }
    .d-install{
        display: none;
    }
    .m-install{
        display: block;
        margin-top: 30px;
    }
    .benefit-box h3{
        font-size: 2rem;
    }
    .our-value-repeater{
        grid-gap: 40px;
    }
    .service-list-wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .service-content-left{
        margin-top: 0;
    }
    .service-repeater h3{
        position: static;
    }
    .footer-cta-content{
        width: 100%;
        padding-right: 0;
        text-align: center;
    }
    .footer-cta-image{
        position: static;
        margin-top: 30px;
        width: 100%;
    }
    .flexible-content {
        margin-top: 20px;
    }
    .imprint-box-main{
        grid-column-gap: 30px;
    }
    .benefit-card{
        padding: 20px;
    }
    .benefit-card-repeater{
        grid-template-columns: repeat(3, 1fr);
    }
    .product-gallery-slider button.owl-prev , .product-gallery-slider button.owl-next {
        top: 0;
    }
    .flexible-image-slider.product-gallery-slider button.owl-prev, 
    .flexible-image-slider.product-gallery-slider button.owl-next {
        top: 23%;
    }
    .question-left{
        margin-right: 80px;
    }
    .question-right {
        width: 65%;
    }
    .personal-information .container, .quote3-form .container {
        display: block;
      }
      .quote-details h2{
        font-size: 4rem;
      }
      .new-shores .upload-file {
        max-width: 100%;
    }
    .new-shores .codedropz-upload-handler {
        margin-bottom: 55px;
        margin-right: 0;
    }
    .personal-information.product-choice.new-shores .container{
        display: block;
    }
    .custom-sub-menu > li::after {
        position: absolute;
        content: ' ';
        background-image: url(../images/left-arrow-50.png);
        background-repeat: no-repeat;
        left: -45px;
        top: 9px;
        width: 40px;
        height: 36px;
        transition: all ease 0.5s;
        background-size: 21px;
        background-position: center;
    }
    .custom-sub-menu > li {
        position: relative;
    }
    .custom-sub-menu > li.active-item:after {
        transform: rotate(90deg);
    }
    .search-wrap{
        display: none;
    }
    .search-wrap.mobile-search-wrap{
        display: block;
    }
    .search-wrap.mobile-search-wrap button {
        right: 14px;
        left: auto;
        top: 10px;
        position: absolute;
    }
    .search-bar.mobile-search-bar {
        padding: 10px 15px;
    }  

}
@media screen and (max-width: 768px) {
    .container{
        max-width: 600px;
    }
    .main-logo{
        margin-right: 20px;
    }
    .redmore-content {
        margin-top: 10px;
        text-align: left;
    }
    .banner-content h1{
        font-size: 4.0rem;
    }
    .banner-content .sub-heading p{
        font-size: 2.0rem;
    }
    .modular-energy-list h2.modular-heading{
        font-size: 3.5rem;
    }
    .modular-tab-wrap{
        grid-template-columns: 100%;
    }
    .modular-icon{
        margin-right: 8px;
    }
    .tabs-list{
        grid-template-columns: 50px 1fr;
    }
    .modular-title {
        font-size: 1.4rem;
    }
    .modular-tabs{
        margin-right: 0;
    }
    .plan-install-section {
        padding-bottom: 50px;
        min-height: auto;
    }
    .plan-install-section .container-wrap{
        max-width: 100%;
    }
    .plan-install-section .heading-wrap{
        margin-top: 0;
    }
    .plan-install-list ul li{
        align-items: start;
    }
    .plan-install-list ul li p{
        font-size: 1.7rem;
    }
    .plan-install-section .sub-heading p{
        font-size: 1.7rem;
    }
    .modular-list-outer{
        grid-template-columns: 100%;
    }
    .modular-image{
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .benefit-wrap{
        grid-template-columns: repeat(2, 1fr);
    }
    .flexible-outer{
        flex-wrap: wrap;
    }
    .flexible-content-wrap{
        width: 100%;
        margin-right: 0;
    }
    .flexible-image-slider{
        margin: 30px auto auto;
    }
    .affordable-section{
        background-position: center;
        min-height: 450px;
    }
    .affordable-text{
        width: 100%;
        padding: 20px 0;
    }
    .affordable-content-wrap .common-btn{
        float: none;
        font-size: 2rem;
    }
    .content-logo-wrap{
        flex-wrap: wrap;
    }
    .footer-content{
        width: 100%;
        order: 2;
    }
    .footer-content .common-heading h2 {
        font-size: 4.5rem;
    }
    .footer-content .sub-heading {
        font-size: 1.7rem;
    }
    .footer-logo{
        width: 250px;
        margin: 0px auto 30px auto;
        order: 1;
    }
    .footer-menu-box h4{
        margin-bottom: 10px;
    }
    .footer-menu-box .footer-heading:after {
        content: "";
        cursor: pointer;
        position: absolute;
        top: 7px;
        right: 10px;
        border: solid #000;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 6px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transition: all ease 0.5s;
    }
    .footer-active.footer-heading:after{
        transform: rotate(-135deg);
    }
    .footer-menu-wrap{
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 11px;
    }
    .footer-menu-link{
        display: none;
    }
    ul.social-media{
        justify-content: center;
    }
    .product-left{
        width: 100%;
        height: auto;
    }
    .product-card{
        width: 100%;
    }
    .product-right {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
    .product-right img {
        height: 200px;
    }
    .product-gallery-slider .owl-stage-outer{
        padding: 60px 0;
    }
    .product-gallery-slider button.owl-prev , .product-gallery-slider button.owl-next {
        top: 25%;
    }
    .flexible-image-slider.product-gallery-slider button.owl-prev,
    .flexible-image-slider.product-gallery-slider button.owl-next {
        top: 35%;
    }
    .product-gallery-slider .owl-nav span {
        font-size: 47px;
    }
    .advantage-wrap {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 25px;
    }
    .milestone-repeater{
        padding-bottom: 50px;
    }
    .milestone-date{
        width: 100%;
    }
    .service-repeater{
        margin-top: 10px;
        margin-left: 60px;
        padding: 15px;
    }
    .service-image{
        height: auto;
    }
    .service-content-wrap{
        flex-wrap: wrap;
    }
    .service-content-left {
        width: 100%;
    }
    .service-image-gallery {
        width: 100%;
        margin-top: 20px;
    }
    .future-video-outer{
        flex-wrap: wrap;
    }
    .future-video-content{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .future-video-wrap{
        width: 100%;
    }
    .benefit-card-repeater{
        grid-template-columns: repeat(2, 1fr);
    }
    .question-box-repeater{
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .question-left{
        width: 100%;
        margin-bottom: 25px;
        margin-right: 0;
    }
    .question-right{
        width: 100%;
    }  
    .left-block {
        margin-bottom: 20px;
    }
    .form-details {
        grid-template-columns: repeat(1, 1fr);
    }
    .wide-field{
        display: block;
    }
    .select-box ,.wide-field .str,.wide-field .house{
        width: auto;
    }
    
    .personal-information .input-box{
        margin-bottom: 0;
    }
    .name p, .str p, .pcod p, .pnum p,.str-sup p {
        margin: 0 0 0;
    }
    
    .img-file-wrapper::after{
        font-size: 1.7rem;
    }
    .new-shores .upload-details {
        padding: 20px 10px;
    }
    .form-details {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 10px;
    }
    .right-block{
        padding-top: 0px;
    }
    .checkbox {
        grid-template-columns: 100%;
        margin-bottom: 0;
    }
    span.image-icon {
        display: block;
    }
    .checkbox-content h3{
        margin-bottom: 0;
        font-size: 4rem;
    }
    .checkbox-content .image-icon img{
        width: 105px;
        height: 105px;
    }
    .checkbox-content .wpcf7-list-item-label{
        font-size: 1.4rem;
    }
    .new-shores .left-block{
        padding: 20px 10px;
    }
    .uploaded-file {
        max-width: 100%;
    }
    .upload-file {
        display: block;
        padding-top: 30px;
    }
    .quote-details h2{
        font-size: 3rem;
    }
    .codedropz-upload-wrapper {
        flex-direction: column-reverse;
        height: 100%;
    }
    .codedropz-upload-wrapper span.has-error-msg {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
    }
    .new-shores .upload-details .codedropz-upload-wrapper span.has-error-msg {
        left: 25%;
        top: auto;
        bottom: 10px;
    }
    .codedropz-upload-handler{
        margin-bottom: 30px;
        margin-right: 0;
        width: 100%;
    }
    .upload-details .add-icon {
        left: 166px;
        top: 0;
    }
    .new-shores .upload-details .add-icon {
        left: 59px;
        top: 49px;
        width: auto;
        position: static;
    }
    .new-shores .dnd-upload-status{
        width: 100%;
    }
    .dnd-icon-remove.deleting{
        left: 20px;
    }
    .new-shores .codedropz-upload-handler {
        width: 100%;
    }
    .footer-content .heading-wrap {
        text-align: center;
    }
    .loading {
        top: 78%;
        left: 48%;
    }
    .vacancies-section{
        padding-top: 0;
    }
    .job-card{
        flex-direction: column;
        padding-right: 0;
        align-items: start;
        gap: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        margin-bottom: 0;
    }
    .job-card-details{
        margin-right: 0;
        max-width: 100%;
    }
    .job-card .group-btn{
        width: 100%;
    }
    .our-staff-section{
        padding-top: 0;
    }
    .staff-card-wrap{
        min-height: 530px;
    }
    .staff-slider .owl-stage{
        left: 0;
    }
    .staff-image{
        order: 1;
        width: auto;
    }
    .staff-details{
        padding-left: 0;
    }
    .staff-detsils-wrap{
        margin-top: 20px;
    }
    .staff-card-content {
        margin-right: 20px;
        width: 100%;
        order: 2;
    }
    .staff-card-wrap {
        display: flex;
        flex-direction: column;
    }
    .quote-icon{
        display: none;
    }
    .benefit-image img{
        width: auto;
    }
    .about-people-section{
        padding-bottom: 30px;
    }
    .overlay.ovlymobile {
        display: block;
    }
    
    .overlay.ovlydesktop {
        display: none;
    }
    .inner-banner-outer {
        width: 94%;
       margin-left: 0;
    }
    .listing-filter ul li{
        margin-right: 15px;
    }
    .cmplz-cookiebanner{
        width: 90% !important;
        display: block;
    }
    .cmplz-cookiebanner .cmplz-body{
        grid-column: unset !important;
    }
    .cmplz-cookiebanner .cmplz-buttons {
        grid-column: unset !important;
    }
    .cmplz-cookiebanner .cmplz-message{
        margin-right: 0;
    }
    .cmplz-cookiebanner.cmplz-show .cmplz-header{
        display: block;
    }
    .search-popup-wrap{
        width: 95%;
        padding: 10px;
    }
}
@media screen and (max-width: 600px) {
    header.site-header.nav-up {
        top: -70px;
    }
    .main-logo {
        max-width: 195px;
        margin-right: 5px;
    }
    .search-wrap{
        margin-top: 5px;
    }
    .wpml-language{
        max-width: 70px;
        margin: 0;
    }
    .wpml-language .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
        right: 7px;
        width: 10px;
        height: 6px;
    }
    .wpml-language .wpml-ls-legacy-dropdown a{
        padding: 10px 5px 10px 5px;
    }
    .wpml-language .wpml-ls-legacy-dropdown a.js-wpml-ls-item-toggle::before{
        left: 5px;
        width: 15px;
        height: 15px;
    }
    .search-wrap button{
        width: 32px;
        height: 32px;
    }
    .accordion-items {
        margin-bottom: 30px;
    }
    .search-wrap button img {
        width: 13px;
    }
    .search-bar input{
        height: 32px;
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .main-menu-part{
        margin-left: 10px;
    }
    .top-btn-wrap a.common-btn {
        font-size: 1rem;
        padding: 12px;
        margin-right: 5px;    
    }
    .home-banner{
        min-height: 450px;
    }
    .banner-content{
        padding: 25px 25px;
    }
    .home-banner video {
        object-fit: cover;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }
    .bg-image.d-mobile{
        display: block;
    }
    .bg-image.d-desktop{
        display: none;
    }
    .banner-content .common-btn{
        font-size: 1.2rem;
        padding: 13px 15px;
    }
    .inner-banner-outer{
        padding: 0 20px;
    }
    .inner-banner-content h2{
        font-size: 3.5rem;
    }
    .inner-banner-para{
        font-size: 2.5rem;
    }
    .modular-tabs{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .installation-group.m-install ul {
        grid-template-columns: repeat(3, 1fr);
    }
    .benefit-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .product-card{
        width: 100%;
        margin-bottom: 0;
        margin-left: 0 !important;
    }
    .advantage-content h3{
        font-size: 2.2rem;
        margin-bottom: 0;
    }
    .advantage-text p{
        margin-top: 6px;
    }
    .our-value-repeater{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 20px;
    }
    .service-list-wrap{
        grid-template-columns: repeat(1, 1fr);
    }
    .support-outer{
        grid-template-columns: repeat(2, 1fr);
        display: grid;
        grid-gap: 10px;
    }
    .product-gallery-slider .owl-stage-outer{
        padding: 35px 0;
    }
    .product-gallery-slider button.owl-prev, .product-gallery-slider button.owl-next {
        top: 18%;
    }
    .flexible-image-slider.product-gallery-slider button.owl-prev,
    .flexible-image-slider.product-gallery-slider button.owl-next {
        top: 30%;
    }
    .imprint-box-main{
        grid-template-columns: repeat(1, 1fr);
    }
    .new-shores .upload-details .add-icon {
        position: relative;
        left: 10px;
        top: 0px;
        align-items: center;
    }
    .upload-details ul li{
        margin-left: 0;
    }
    .new-shores .submit-btn input {
        width: 232px;
    }
    .new-shores .upload-details .addfile {
        font-size: 1.4rem;
    }
    .new-shores .upload-details .codedropz-upload-wrapper span.has-error-msg {
        left: 7%;
    }
    .dnd-upload-status{
        margin-right: 0;
        width: 100%;
    }
    .dnd-upload-status .dnd-upload-details .name {
        width: 100%;
    }
    .tooltip{
        display: none;
    }
    .img-file-wrapper{
        max-width: 100%;
    }
    .advantage-box {
        grid-template-columns: 100%;
        gap: 20px;
    }
    .advantage-icon{
        margin-right: 0;
        width: 120px;
    }
    div#the-count{
        bottom: 2px;
    }
    .personal-information .container{
        padding: 0;
        margin-top: 30px;
    }
    .personal-information .left-block, .personal-information .right-block{
        padding: 20px 10px;
    }
    .quote3-form .right-block .image{
        margin-top: 15px;
    }
    .imprint-section {
        padding: 50px 0 0;
    }  
    .imprint-card h3 {
        margin-top: 16px;
    }
    .Communication {
        padding-top: 0;
    }
    .cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
        grid-template-columns: 1fr auto 15px!important;
    }
    .cmplz-logo{
        text-align: center;
    }
    .cmplz-cookiebanner.cmplz-show .cmplz-logo img {
        max-height: 100px !important;
        margin: 0px auto 20px auto;
    }
}
@media screen and (max-width: 479px) {
    .mobile-main-logo {
        width: 350px;
    }
    .installation-group.m-install ul {
        grid-template-columns: repeat(2, 1fr);
    }
    .support-outer,.benefit-card-repeater{
        grid-template-columns: repeat(1, 1fr);
    }
    .checkbox {
        grid-template-columns: repeat(1, 1fr);
    }
    .file-1 h3{
        font-size: 1.4rem;
    }
    .top-btn-wrap a.common-btn{
        display: block;
        margin-right: 0;
    }
    .mobile-right-part {
        flex-wrap: wrap;
    }
    .mobile-top-btn{
        margin-bottom: 10px;
    }
    .checkbox-content p{
        max-width: 210px;
    }
    .checkbox-content {
        width: 100%;
        margin-bottom: 0;
        margin-top: 0;
    }
    .checkbox-content .wpcf7-list-item-label{
        line-height: 1.5;
    }
    .checkbox-content .wpcf7-checkbox input[type=checkbox] + span:before{
        height: 20px;
        width: 20px;
    }
    .cmplz-cookiebanner .cmplz-body {
        min-width: 280px;
    }
}