@media (min-width: 1200px) and (max-width: 1600px) {
    .container {
        max-width: 1170px
    }

    .customers-wrp .container {
        max-width: 1170px;
    }

    .interesting-wrp .container {
        max-width: 1170px;
    }

    footer .container {
        max-width: 1170px;
    }

    .preference-head h3 {
        font-size: 18px;
        margin: 0;
    }

    .about-company-block .setting-box .form-group p br {
        display: none;
    }

    /* **** Benefits **** */
    .benefit-hero .hero-datails h2 {
        font-size: 50px;
        line-height: 60px;
    }

    /* **** End Benefits **** */
    /* **** Calculator Budget **** */
    .benefits-wrpper {
        padding: 40px 0;
    }

    .benefits-wrpper h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .benefits-wrpper .benefit-box {
        padding: 15px;
    }

    .benefits-wrpper .benefit-box h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box img {
        max-width: 60px;
    }

    /* **** End Calculator Budget **** */
    /* **** Landing Page **** */
    .container-small {
        max-width: 950px;
    }

    .landing-banner {
        padding: 50px 0;
    }

    .landing-banner h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .landing-banner h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .custom-radiobx [type="radio"]:checked + label, .custom-radiobx [type="radio"]:not(:checked) + label {
        font-size: 20px;
    }

    .offer-dt h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .offers-wrp h2 {
        font-size: 32px;
    }

    .play-btn {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .top-company .comp-center h3 {
        font-size: 30px;
    }

    .comp-center h3 {
        font-size: 24px;
    }

    .comp-center p {
        font-size: 14px;
        line-height: 22px;
    }

    .enermio-tip-wrp h2, .top-company-wrp h2, .implementation-references-wrp h2 {
        font-size: 28px;
        margin: 0 auto 30px;
        line-height: 36px;
    }

    .power-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .power-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .power-box p {
        font-size: 14px;
        line-height: 20px;
    }

    /* **** End Landing Page **** */
    .offers-wrp h2 {
        font-size: 32px;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        max-width: 960px
    }

    .customers-wrp .container {
        max-width: 960px;
    }

    .interesting-wrp .container {
        max-width: 960px;
    }

    footer .container {
        max-width: 960px;
    }

    /* **** Home **** */
    .navbar {
        padding: 15px 0;
    }

    .hero-wrp .hero-data h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .hero-wrp .hero-data p {
        font-size: 16px;
    }

    .tab-navigation-wrp ul li .tab-box {
        padding: 16px 20px;
    }

    .tab-navigation-wrp ul li .tab-box h6 {
        font-size: 16px;
    }

    .preference-wrp .row.main-row {
        margin: 0 -10px;
    }

    .preference-wrp .row.main-row .col-md-3.col-sm-12.main-col {
        padding: 0 10px;
        width: 30%;
    }

    .preference-wrp .row.main-row .col-md-9.col-sm-12.main-col {
        padding: 0 10px;
        width: 70%;
    }

    .tab-navigation-wrp ul li .tab-box:before {
        top: 5px;
        right: 5px;
    }

    .preference-sidebar .sidebar-title h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .preference-head {
        margin: 0 0 20px;
    }

    .preference-head h2 {
        font-size: 19px;
    }

    .preference-head .row {
        align-items: flex-start;
    }

    .preference-head .col-md-8.col-sm-12 {
        width: 68%;
    }

    .preference-head .col-md-4.col-sm-12 {
        width: 32%;
    }

    .preference-head h3 {
        font-size: 14px;
        margin: 0 0 10px;
    }

    .preference-head ul li {
        font-size: 10px;
    }

    .preference-head .btn-preference {
        font-size: 15px;
    }

    .preference-box {
        padding: 15px;
    }

    .preference-box .description-block .row.inner-row {
        padding: 0 5px;
    }

    .preference-box .description-block .col-md-3.col-sm-12.inner-col {
        margin: 0 -5px;
    }

    .preference-box .description-block .col-md-9.col-sm-12.inner-col {
        margin: 0 -5px;
    }

    .preference-box .box-img {
        height: auto;
        min-width: 100%;
        width: 100%;
    }

    .preference-box .description-block .box-body h2 {
        font-size: 20px;
    }

    .preference-box .description-block .box-body ul li {
        font-size: 9px;
        padding: 4px 6px;
        margin-right: 2px;
    }

    .preference-box .description-block .list-description li:before {
        transform: unset;
        top: 1px;
    }

    .preference-box .description-block .box-footer h3 {
        font-size: 15px;
    }

    .preference-box .description-block .box-footer .button-box li a {
        display: table;
        font-size: 10px;
    }

    .preference-box .description-block .box-footer .col-md-8.col-sm-12 {
        width: 59%
    }

    .preference-box .description-block .box-footer .col-md-4.col-sm-12 {
        width: 41%
    }

    .companies-wrp h2 {
        font-size: 32px;
        line-height: unset;
        margin: 0 0 32px;
    }

    .work-wrp h2 {
        font-size: 32px;
        margin: 0 0 40px;
    }

    .work-wrp .work-block {
        height: 450px;
    }

    .customers-wrp {
        padding: 64px 0;
    }

    .customers-wrp h2 {
        font-size: 32px;
        margin: 0 0 40px;
    }

    .customers-wrp .row {
        margin: 0 -30px;
    }

    .customers-wrp .col-md-4 {
        padding: 0 30px;
    }

    .customers-wrp .customers-box img {
        margin: 0 auto 15px;
        max-width: 50px;
    }

    .customers-wrp .customers-box h5 {
        font-size: 20px;
        line-height: 30px;
    }

    .titlebar h2 {
        font-size: 32px;
        margin: 0 0 15px;
    }

    .titlebar p {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-wrp {
        padding: 64px 0;
    }

    .faq-wrp .accordion {
        max-width: 570px;
    }

    .faq-wrp .message-question-square-img {
        left: 15px;
        max-width: 150px;
    }

    .faq-wrp .message-question-circle-img {
        max-width: 150px;
        right: 15px;
    }

    .faq-wrp .accordion .accordion-item .accordion-button {
        font-size: 16px;
        padding-right: 40px;
    }

    .faq-wrp .faq-block p {
        font-size: 16px;
    }

    .interesting-wrp {
        padding: 64px 0;
    }

    .interesting-wrp .interesting-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .interesting-wrp .interesting-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .interesting-wrp .big-box.blog-box {
        padding: 20px;
    }

    .interesting-wrp .big-box.blog-box .box-img {
        margin: 0 0 15px;
    }

    .interesting-wrp .big-box.blog-box h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .interesting-wrp .blog-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .interesting-wrp .blog-box .box-img {
        margin: 0 0 10px;
    }

    .interesting-wrp .blog-box h3 {
        font-size: 14px;
        line-height: 24px;
    }

    /* **** End Home **** */
    /* **** Job Page **** */
    .container {
        max-width: 960px;
    }

    .job-banner h1 {
        font-size: 52px;
    }

    .job-banner p {
        font-size: 18px;
        line-height: 26px;
    }

    .job-title h2 {
        font-size: 32px;
    }

    .job-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .meet-box {
        padding: 0 15px 25px;
    }

    .meet-box h3 {
        font-size: 18px;
    }

    .meet-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .trusted-box-nm h4 {
        font-size: 18px;
    }

    .trusted-box-nm p {
        font-size: 14px;
    }

    .trusted-box-nm {
        padding: 15px 10px;
    }

    .trusted-supplier-wrp .btn-main {
        margin: 25px auto 0;
    }

    .why-enermio-wrp .why-row:nth-child(odd) .why-data, .why-data {
        padding: 0;
    }

    .why-data img {
        margin: 0 0 15px;
        width: 40px;
    }

    .why-data h3 {
        font-size: 24px;
    }

    .why-data p {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .why-data ul li {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 10px;
        padding: 0 0 0 20px;
    }

    .why-data ul {
        padding: 0;
    }

    .why-data ul li:before {
        width: 15px;
        height: 15px;
    }

    .job-title {
        margin: 0 auto 40px;
    }

    .test-data {
        padding: 35px;
    }

    .test-data h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .test-data h4 {
        font-size: 14px;
    }

    .test-data h6 {
        font-size: 12px;
    }

    .satisfied-partners-wrp {
        padding: 65px 0 80px;
    }

    .test-data .raitingbx {
        margin: 0 0 15px;
    }

    .test-data .raitingbx i {
        font-size: 14px;
    }

    /* **** End Job Page **** */
    /* **** Blogs Page **** */
    .blog-wrpper {
        padding: 0 0 45px;
    }

    .blog-wrpper h1 {
        font-size: 32px;
        line-height: 36px;
        margin: 0 0 25px;
    }

    .blog-tabs .nav-tabs li {
        margin-right: 10px;
    }

    .blog-tabs .nav-tabs li a {
        font-size: 15px;
        padding: 10px 10px;
    }

    .blog-tabs .nav-tabs {
        margin: 0 auto 40px;
    }

    .blog-tabs .tab-content {
        padding: 30px 25px;
        border-radius: 10px;
    }

    .blog-data {
        padding: 0px;
    }

    .blog-data h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-data p {
        font-size: 16px;
        line-height: 26px;
    }

    .blog-data button {
        font-size: 16px;
    }

    .blog-box-lst {
        padding: 15px;
    }

    .blog-box-lst .row, .blog-latestrow .row {
        align-items: flex-start;
    }

    .blog-box-lst .blog-title h6 {
        font-size: 12px;
    }

    .subscribebox {
        padding: 15px;
    }

    .subscribebox h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .subfrm button, .subfrm .form-control {
        font-size: 14px;
    }

    .blog-detailswrp {
        padding: 45px 0;
    }

    .blog-detailswrphead h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .blog-detailswrphead p {
        font-size: 18px;
        line-height: 26px;
    }

    .detailswrp-inbx h2 {
        font-size: 24px;
    }

    .detailswrp-inbx ul li, .detailswrp-inbx p {
        font-size: 15px;
        line-height: 22px;
    }

    .blog-detailswrphead {
        margin: 0 0 40px;
    }

    .coverimg {
        margin: 0 0 40px;
    }

    .add-bannerpost {
        padding: 20px;
    }

    .addata h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px;
    }

    .details-row h3 {
        margin: 0 0 15px;
    }

    .sharebx ul {
        justify-content: flex-start;
    }

    .more-articles {
        padding: 40px 0 0;
    }

    .more-articles h2 {
        font-size: 26px;
    }

    .more-articles .blog-data h2 {
        min-height: auto;
        font-size: 18px;
        line-height: 28px;
    }

    .more-articles .blog-data button {
        font-size: 16px;
    }

    /* **** End Blogs Page **** */
    .energy-header .energy-head .navbar-links li {
        margin-right: 15px;
    }

    .energy-header .energy-head .navbar-links li a {
        font-size: 14px;
    }

    .energy-header .energy-head h4 {
        font-size: 16px;
    }

    .preference-box .description-block .box-footer .button-box li a {
        width: 100%;
        text-align: center;
    }

    .about-energy {
        padding: 80px 0;
    }

    .about-energy h2 {
        font-size: 26px;
    }

    .about-energy p {
        font-size: 14px;
    }

    .count-wrp h2 {
        font-size: 28px;
        margin: 0 auto 30px;
    }

    .count-box h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .count-box h4 {
        font-size: 26px;
    }

    .reference-project-wrp .slider-box ul li:last-child {
        margin: 0;
        padding: 3px 5px;
        font-size: 10px;
    }

    .features-wrp .features-box p {
        font-size: 14px;
    }

    .articles-slider-wrp .slider-box {
        padding: 15px;
    }

    .articles-slider-wrp .slider-box h6 {
        font-size: 15px;
        line-height: 22px;
    }

    .reting-block {
        padding: 25px 25px;
    }

    .reting-block .reting-head ul h5, .reting-block .reting-head h4 {
        font-size: 15px;
    }

    .reting-block .reting-head h6 {
        font-size: 14px;
        margin: 0
    }

    .reting-block .description ul li, .reting-block .description p {
        font-size: 15px;
    }

    .reting-block .reting-head h5 {
        font-size: 14px;
    }

    .comments-list {
        padding: 0 0 0 30px;
    }

    .comments-box.success {
        margin-left: 30px;
    }

    .tab-footer .btn-primary {
        margin: 0
    }

    .about-company-block .setting-box .form-group p br {
        display: none;
    }

    .setting-box .file-input {
        padding: 12px;
        flex-wrap: wrap;
    }

    .setting-box .file-input h5 {
        flex-wrap: wrap;
        text-align: center;
    }

    .setting-box .upload__btn-box {
        padding: 12px;
    }

    .setting-box .upload__btn-box h5 {
        font-size: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .setting-box .upload__btn-box h5 span {
        margin-right: 10px;
    }

    .about-company-block h2 {
        font-size: 24px;
    }

    .dash-block .dash-header h2 {
        font-size: 24px;
    }

    .dash-block .dash-header .filter-btn {
        padding: 9px 10px;
    }

    .dash-block .leady-table table tbody tr td {
        padding: 20px 15px;
    }

    .create-administrator {
        padding: 35px 15px;
    }

    .pagination-block ul li a {
        width: 35px;
        height: 35px;
    }

    /* **** Benefits **** */
    .benefit-hero .hero-img {
        padding: 150px 20px;
    }

    .benefit-hero .hero-datails {
        padding: 80px 0;
    }

    .benefit-hero .hero-datails h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .benefit-hero .hero-datails p {
        font-size: 18px;
        line-height: 30px;
    }

    .guarantee-wrp {
        padding: 64px 0;
    }

    .guarantee-wrp .guarantee-title h2 {
        font-size: 4px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .guarantee-wrp .guarantee-title p br {
        display: none;
    }

    .guarantee-wrp .guarantee-title {
        margin: 0 0 24px;
    }

    .guarantee-wrp .guarantee-block {
        margin: 0 0 35px;
    }

    .guarantee-wrp .guarantee-box h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .guarantee-wrp .guarantee-box {
        margin: 0 0 25px;
    }

    .guarantee-wrp .guarantee-box ul li {
        padding-left: 25px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-box ul li br {
        display: none;
    }

    .guarantee-wrp .guarantee-box ul li:before {
        left: 0;
    }

    .second-satisfied-partners {
        padding: 64px 0 128px;
    }

    .second-satisfied-partners .job-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .second-satisfied-partners .job-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .program-wrp {
        padding: 64px 0 0
    }

    .program-wrp h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .program-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 45px;
    }

    /* **** End Benefits **** */
    /* **** 1 Page **** */
    .analytics-wrp .analytics-block {
        padding: 42px;
    }

    .analytics-wrp .analytics-block h2 {
        font-size: 45px;
        line-height: 60px;
        margin: 0 0 25px;
    }

    .analytics-wrp .analytics-block p {
        font-size: 18px;
        line-height: 24px;
    }

    .analytics-wrp .analytics-block form .form-group .form-control {
        font-size: 20px;
    }

    .project-wrp {
        padding: 80px 0
    }

    .project-wrp h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .project-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 0;
    }

    .blog-wrp {
        padding: 0 0 40px;
    }

    .blog-wrp .col-md-4.col-sm-12 {
        width: 50%;
    }

    .blog-wrp .blog-title h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-title p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .blog-wrp .blog-block .blog-bix {
        padding: 15px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix img {
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .blog-wrp .blog-block .blog-bix p {
        font-size: 15px;
        line-height: 24px;
    }

    .second-companies-wrp {
        padding: 42px 0;
        margin: 0 0 42px;
    }

    /* **** End 1 Page **** */
    /* **** Calculator Budget **** */
    .benefits-wrpper {
        padding: 40px 0;
    }

    .benefits-wrpper h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .benefits-wrpper .benefit-box {
        padding: 15px;
    }

    .benefits-wrpper .benefit-box h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box img {
        max-width: 60px;
    }

    /* **** End Calculator Budget **** */
    /* **** Modal **** */
    .project-modal .modal-dialog {
        max-width: 960px;
    }

    /*.project-modal .carousel .carousel-item img{min-height: 669px;}*/
    /* **** End Modal **** */
    /* **** New Css **** */
    header {
        border-bottom: 1px solid #DBDBDB;
        background: #F6F6F6;
    }

    .navbar-brand img {
        height: 25px;
    }

    /* **** End New Css **** */
    /* **** Landing Page **** */
    .landing-banner {
        padding: 50px 0;
    }

    .landing-banner h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .landing-banner h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .custom-radiobx [type="radio"]:checked + label, .custom-radiobx [type="radio"]:not(:checked) + label {
        font-size: 20px;
    }

    .offer-dt h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .offers-wrp h2 {
        font-size: 32px;
    }

    .jistota-data h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 15px;
    }

    .play-btn {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .top-company .comp-center h3 {
        font-size: 30px;
    }

    .comp-center h3 {
        font-size: 24px;
    }

    .comp-center p {
        font-size: 14px;
        line-height: 22px;
    }

    .enermio-tip-wrp h2, .top-company-wrp h2, .implementation-references-wrp h2 {
        font-size: 28px;
        margin: 0 auto 30px;
        line-height: 36px;
    }

    .power-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .power-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .power-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .review-slider .slick-prev, .review-slider .slick-next {
        right: 0;
    }

    .review-slider .slick-prev {
        left: 0;
        right: auto;
    }

    /* **** End Landing Page **** */
    .budget-wrp .container.calc-step2 .bubble, .budget-wrp .container.calc-step4 .bubble {
        max-width: 85%;
    }

    .osazeni-strechy .total h3 {
        font-size: 30px !important;
    }

    .osazeni-strechy .total h4 {
        font-size: 25px !important;
    }

    .offers-wrp h2 {
        font-size: 32px;
    }


}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        max-width: 740px
    }

    .customers-wrp .container {
        max-width: 740px;
    }

    .interesting-wrp .container {
        max-width: 740px;
    }

    footer .container {
        max-width: 740px;
    }

    /* **** Home **** */
    .navbar {
        padding: 15px 0;
    }

    .navbar-brand img {
        height: 30px;
    }

    .navbar-light .navbar-nav li {
        margin-right: 15px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 14px;
    }

    .navbar-light .navbar-nav .nav-link.call-btn {
        font-size: 14px;
        padding: 10px 12px;
        line-height: 19px;
    }

    .navbar-brand {
        margin: 0 40px 0 0;
    }

    .hero-wrp .hero-data h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .hero-wrp .hero-data p {
        font-size: 16px;
    }

    .tab-navigation-wrp ul li .tab-box {
        padding: 16px 20px;
    }

    .tab-navigation-wrp ul li .tab-box h6 {
        font-size: 16px;
    }

    .preference-wrp .row.main-row {
        margin: 0 -10px;
    }

    .preference-wrp .row.main-row .col-md-3.col-sm-12.main-col {
        padding: 0 10px;
        width: 30%;
    }

    .preference-wrp .row.main-row .col-md-9.col-sm-12.main-col {
        padding: 0 10px;
        width: 70%;
    }

    .tab-navigation-wrp ul li .tab-box:before {
        top: 5px;
        right: 5px;
    }

    .preference-sidebar .sidebar-title h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .preference-head {
        margin: 0 0 20px;
    }

    .preference-head h2 {
        font-size: 19px;
    }

    .preference-head .row {
        align-items: flex-start;
    }

    .preference-head .col-md-8.col-sm-12 {
        width: 100%;
    }

    .preference-head .col-md-4.col-sm-12 {
        width: 100%;
    }

    .preference-head h3 {
        font-size: 14px;
        text-align: left;
        margin: 0 0 10px;
    }

    .preference-head ul {
        margin: 0 0 10px;
    }

    .preference-head ul li {
        font-size: 12px;
    }

    .preference-head .btn-preference {
        text-align: left;
        display: block;
        font-size: 15px;
    }

    .preference-box {
        padding: 15px;
    }

    .preference-box .description-block .row.inner-row {
        padding: 0 5px;
    }

    .preference-box .description-block .col-md-3.col-sm-12.inner-col {
        margin: 0 -5px;
    }

    .preference-box .description-block .col-md-9.col-sm-12.inner-col {
        margin: 0 -5px;
    }

    .preference-box .box-img {
        height: auto;
        min-width: 100%;
        width: 100%;
    }

    .preference-box .description-block .box-body h2 {
        font-size: 20px;
    }

    .preference-box .description-block .box-body ul li {
        font-size: 9px;
        padding: 4px 6px;
        margin-right: 2px;
    }

    .preference-box .description-block .list-description li:before {
        transform: unset;
        top: 1px;
    }

    .preference-box .description-block .box-footer h3 {
        font-size: 15px;
    }

    .preference-box .description-block .box-footer .button-box {
        display: block;
    }

    .preference-box .description-block .box-footer .button-box li {
        margin: 0 0 10px;
    }

    .preference-box .description-block .box-footer .button-box li a {
        display: table;
        margin: 0 auto;
    }

    .companies-wrp {
        padding: 64px 0;
    }

    .companies-wrp h2 {
        font-size: 32px;
        line-height: unset;
        margin: 0 0 32px;
    }

    .companies-wrp .slider .slider-box {
        display: block;
        padding: 13px 25px;
    }

    .companies-wrp .slider .slider-box .box-image {
        width: 100%;
        margin: 0 0 8px;
        height: auto;
    }

    .companies-wrp .slider .slider-box .box-image img {
        max-width: unset;
        width: 100%
    }

    .companies-wrp .slider .slider-box h3 {
        font-size: 13px;
        text-align: center;
        display: none;
    }

    .companies-wrp .slider .slider-box h6 {
        justify-content: center;
        text-align: center;
    }

    .companies-wrp .slider .slider-box h6 span {
        display: none;
    }

    .companies-wrp .slider .slider-box h6 i {
        margin: 0;
    }

    .work-wrp h2 {
        font-size: 32px;
        margin: 0 0 40px;
    }

    .work-wrp .work-block {
        height: 450px;
    }

    .customers-wrp {
        padding: 64px 0;
    }

    .customers-wrp h2 {
        font-size: 32px;
        margin: 0 0 40px;
    }

    .customers-wrp .row {
        margin: 0 -15px;
    }

    .customers-wrp .col-md-4 {
        padding: 0 15px;
    }

    .customers-wrp .customers-box img {
        margin: 0 auto 15px;
        max-width: 50px;
    }

    .customers-wrp .customers-box h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .titlebar h2 {
        font-size: 32px;
        margin: 0 0 15px;
    }

    .titlebar p {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-wrp {
        padding: 64px 0;
    }

    .faq-wrp .accordion {
        max-width: 570px;
    }

    .faq-wrp .message-question-square-img {
        left: 15px;
        max-width: 150px;
    }

    .faq-wrp .message-question-circle-img {
        max-width: 150px;
        right: 15px;
    }

    .faq-wrp .accordion .accordion-item .accordion-button {
        font-size: 16px;
        padding-right: 40px;
    }

    .faq-wrp .faq-block p {
        font-size: 16px;
    }

    .interesting-wrp {
        padding: 64px 0;
    }

    .interesting-wrp .interesting-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .interesting-wrp .interesting-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .interesting-wrp .big-box.blog-box {
        padding: 20px;
    }

    .interesting-wrp .big-box.blog-box .box-img {
        margin: 0 0 15px;
    }

    .interesting-wrp .big-box.blog-box h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .interesting-wrp .blog-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .interesting-wrp .blog-box .box-img {
        margin: 0 0 10px;
    }

    .interesting-wrp .blog-box h3 {
        font-size: 14px;
        line-height: 24px;
    }

    /* **** End Home **** */
    /* **** Job Page **** */
    .job-banner h1 {
        font-size: 52px;
    }

    .job-banner p {
        font-size: 18px;
        line-height: 26px;
    }

    .job-title h2 {
        font-size: 32px;
    }

    .job-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .meet-box {
        padding: 0 15px 25px;
    }

    .meet-box h3 {
        font-size: 18px;
    }

    .meet-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .trusted-box-nm h4 {
        font-size: 18px;
    }

    .trusted-box-nm p {
        font-size: 14px;
    }

    .trusted-box-nm {
        padding: 15px 10px;
    }

    .trusted-supplier-wrp .btn-main {
        margin: 25px auto 0;
    }

    .why-enermio-wrp .why-row:nth-child(odd) .why-data, .why-data {
        padding: 0;
    }

    .why-data img {
        margin: 0 0 15px;
        width: 40px;
    }

    .why-data h3 {
        font-size: 24px;
    }

    .why-data p {
        font-size: 15px;
        margin: 0 0 10px;
    }

    .why-data ul li {
        font-size: 14px;
        line-height: 22px;
        margin: 0 0 10px;
        padding: 0 0 0 20px;
    }

    .why-data ul {
        padding: 0;
    }

    .why-data ul li:before {
        width: 15px;
        height: 15px;
    }

    .job-title {
        margin: 0 auto 40px;
    }

    .test-data {
        padding: 35px;
    }

    .test-data h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .test-data h4 {
        font-size: 14px;
    }

    .test-data h6 {
        font-size: 12px;
    }

    .satisfied-partners-wrp {
        padding: 65px 0 80px;
    }

    .test-data .raitingbx {
        margin: 0 0 15px;
    }

    .test-data .raitingbx i {
        font-size: 14px;
    }

    /* **** End Job Page **** */
    /* **** Blogs Page **** */
    .blog-wrpper {
        padding: 0 0 45px;
    }

    .blog-wrpper h1 {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        margin: 0 0 25px;
    }

    .blog-tabs .nav-tabs li {
        margin-right: 10px;
    }

    .blog-tabs .nav-tabs li a {
        font-size: 14px;
        padding: 5px 10px;
    }

    .blog-tabs .nav-tabs {
        margin: 0 auto 40px;
    }

    .blog-tabs .tab-content {
        padding: 25px;
        border-radius: 10px;
    }

    .blog-data {
        padding: 0px;
    }

    .blog-data h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-data p {
        font-size: 16px;
        line-height: 26px;
    }

    .blog-data button {
        font-size: 16px;
    }

    .blog-box-lst {
        padding: 15px;
    }

    .pager-rw {
        justify-content: center;
    }

    .pager-rw a.leftbtn, .pager-rw a.leftbtn {
        display: none;
    }

    .blog-box-lst .row, .blog-latestrow .row {
        align-items: flex-start;
    }

    .blog-box-lst .blog-title h6 {
        font-size: 12px;
    }

    .blog-box .col-md-3,
    .blog-box .col-md-9 {
        width: 100%;
    }

    .blog-detailswrp {
        padding: 45px 0;
    }

    .blog-detailswrphead h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .blog-detailswrphead p {
        font-size: 18px;
        line-height: 26px;
    }

    .detailswrp-inbx h2 {
        font-size: 24px;
    }

    .detailswrp-inbx ul li, .detailswrp-inbx p {
        font-size: 15px;
        line-height: 22px;
    }

    .blog-detailswrphead {
        margin: 0 0 40px;
    }

    .coverimg {
        margin: 0 0 40px;
    }

    .add-bannerpost {
        padding: 20px;
    }

    .addata h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px;
    }

    .details-row h3 {
        margin: 0 0 15px;
    }

    .sharebx ul {
        justify-content: flex-start;
    }

    .more-articles {
        padding: 40px 0 0;
    }

    .more-articles h2 {
        font-size: 26px;
    }

    .more-articles .blog-data h2 {
        min-height: auto;
        font-size: 18px;
        line-height: 28px;
    }

    .more-articles .blog-data button {
        font-size: 16px;
    }

    /* **** End Blogs Page **** */
    .energy-header .energy-head .navbar-links li {
        margin-right: 15px;
    }

    .energy-header .energy-head .navbar-links li a {
        font-size: 14px;
    }

    .energy-header .energy-head h4 {
        font-size: 16px;
    }

    .preference-box .description-block .box-footer .button-box li a {
        width: 100%;
        text-align: center;
    }

    .about-energy {
        padding: 80px 0;
    }

    .about-energy h2 {
        font-size: 26px;
    }

    .about-energy p {
        font-size: 14px;
    }

    .count-wrp h2 {
        font-size: 28px;
        margin: 0 auto 30px;
    }

    .count-box h3 {
        font-size: 14px;
        line-height: 22px;
    }

    .count-box h4 {
        font-size: 26px;
    }

    .reference-project-wrp .slider-box ul li:last-child {
        margin: 0;
        padding: 3px 5px;
        font-size: 10px;
    }

    .features-wrp .features-box p {
        font-size: 14px;
    }

    .articles-slider-wrp .slider-box {
        padding: 15px;
    }

    .articles-slider-wrp .slider-box h6 {
        font-size: 15px;
        line-height: 22px;
    }

    .reting-block {
        padding: 25px 15px;
    }

    .reting-block .reting-head ul li:before {
        display: none;
    }

    .reting-block .reting-head ul h5, .reting-block .reting-head h4 {
        font-size: 15px;
    }

    .reting-block .reting-head h6 {
        font-size: 14px;
        margin: 0
    }

    .reting-block .description ul li, .reting-block .description p {
        font-size: 15px;
    }

    .reting-block .reting-head ul li {
        margin-right: 15px;
        padding-right: 15px;
    }

    .reting-block .reting-head h5 {
        font-size: 14px;
    }

    .comments-list {
        padding: 0 00 0 30px;
    }

    .comments-box.success {
        margin-left: 30px;
    }

    .tab-footer .btn-primary {
        margin: 0
    }

    .preference-box .description-block .box-footer .button-box li a {
        font-size: 10px;
        padding: 4px;
        line-height: 20px;
    }

    .preference-box .description-block .box-footer .button-box li .btn-primary {
        font-size: 10px;
        padding: 4px;
        line-height: 20px;
    }

    .preference-box .description-block .box-footer .button-box li .btn-detail {
        font-size: 10px;
        padding: 0px;
        margin-left: 3px;
        width: 94px;
        line-height: 20px;
    }

    /* **** Benefits **** */
    .benefit-hero .hero-img {
        padding: 150px 20px;
    }

    .benefit-hero .hero-datails {
        padding: 80px 0;
    }

    .benefit-hero .hero-datails h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .benefit-hero .hero-datails p {
        font-size: 16px;
        line-height: 24px;
    }

    .guarantee-wrp {
        padding: 64px 0;
    }

    .guarantee-wrp .guarantee-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .guarantee-wrp .guarantee-title p br {
        display: none;
    }

    .guarantee-wrp .guarantee-title {
        margin: 0 0 24px;
    }

    .guarantee-wrp .guarantee-block {
        margin: 0 0 35px;
    }

    .guarantee-wrp .guarantee-box h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .guarantee-wrp .guarantee-box {
        margin: 0 0 25px;
    }

    .guarantee-wrp .guarantee-box ul li {
        padding-left: 25px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-box ul li:before {
        left: 0;
    }

    .second-satisfied-partners {
        padding: 64px 0 128px;
    }

    .second-satisfied-partners .job-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .second-satisfied-partners .job-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .program-wrp {
        padding: 64px 0 0
    }

    .program-wrp h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .program-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 45px;
    }

    /* **** End Benefits **** */
    /* **** 1 Page **** */
    .analytics-wrp .analytics-block {
        padding: 42px;
    }

    .analytics-wrp .analytics-block h2 {
        font-size: 45px;
        line-height: 60px;
        margin: 0 0 25px;
    }

    .analytics-wrp .analytics-block p {
        font-size: 18px;
        line-height: 24px;
    }

    .analytics-wrp .analytics-block form .form-group .form-control {
        font-size: 20px;
    }

    .project-wrp {
        padding: 80px 0
    }

    .project-wrp h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .project-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 0;
    }

    .blog-wrp {
        padding: 0 0 40px;
    }

    .blog-wrp .col-md-4.col-sm-12 {
        width: 50%;
    }

    .blog-wrp .blog-title h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-title p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .blog-wrp .blog-block .blog-bix {
        padding: 15px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix img {
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .blog-wrp .blog-block .blog-bix p {
        font-size: 15px;
        line-height: 24px;
    }

    .second-companies-wrp {
        padding: 42px 0;
        margin: 0 0 42px;
    }

    /* **** End 1 Page **** */
    /* **** 2 Page **** */
    .address-wrp {
        padding: 40px 0 0;
    }

    .address-wrp .address-title h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 20px;
    }

    .address-wrp .address-title p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px;
    }

    .address-wrp .address-title p br {
        display: none;
    }

    .map-box-calculator {
        height: 350px;
    }

    #kalkulator h3 {
        font-size: 20px;
    }

    .vyber-verze .verze img {
        top: 23px;
        width: 40px;
    }


    .address-wrp .map-box {
        height: 350px;
    }

    .unlock-data-block .chart-block {
        padding: 40px;
    }

    .suppliers-wrp .nav-tabs li {
        margin-right: 17px;
    }

    /* **** End 2 Page **** */
    /* **** Calculator Budget **** */
    .benefits-wrpper {
        padding: 40px 0;
    }

    .benefits-wrpper h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .benefits-wrpper .benefit-box {
        padding: 15px;
    }

    .benefits-wrpper .benefit-box h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box img {
        max-width: 60px;
    }

    .benefits-wrpper .benefit-box h4 {
        min-height: 40px;
    }

    .benefits-wrpper .benefit-box h3 {
        font-size: 23px;
    }

    /* **** End Calculator Budget **** */
    /* **** Enermio Review **** */
    .inner-energy-header .container, .enermio-review-wrp .container {
        max-width: 740px;
    }

    .enermio-review-wrp .main-row {
        margin: 0 -10px;
    }

    .enermio-review-wrp .main-row .col-md-8.col-sm-12.main-col {
        padding: 0 10px;
    }

    .enermio-review-wrp .main-row .col-md-4.col-sm-12.main-col {
        padding: 0 10px;
    }

    .enermio-review-wrp .breadcrumb ul {
        margin: 0
    }

    .enermio-review-wrp .photovoltaic-block .photovoltaic-img {
        height: 120px;
        width: 120px;
        min-width: 120px;
        margin-right: 12px;
    }

    .enermio-review-wrp .photovoltaic-block .description h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .enermio-review-wrp .photovoltaic-block ul li {
        padding: 5px;
    }

    .enermio-review-wrp .implement-block h3 {
        font-size: 17px;
    }

    .enermio-review-wrp .implement-block ul li {
        padding: 5px;
    }

    .enermio-review-wrp .verified-reviews .rating-box h4 {
        font-size: 22px;
    }

    .enermio-review-wrp .contact-box {
        padding: 15px;
    }

    .enermio-review-wrp .contact-box h2 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 20px;
    }

    .enermio-review-wrp .contact-box .btn-primary {
        padding: 8px;
        font-size: 12px;
    }

    /* **** End Enermio Review **** */
    /* **** Modal **** */
    .project-modal .modal-dialog {
        max-width: 100%;
        margin: 15px;
    }

    /*.project-modal .carousel .carousel-item img{min-height: 371px;}*/
    .project-modal .modal-dialog .modal-content .modal-body .col-md-8 {
        width: 100%
    }

    .project-modal .modal-dialog .modal-content .modal-body .col-md-4 {
        width: 100%
    }

    /* **** End Modal **** */
    /* **** New Css **** */
    header {
        border-bottom: 1px solid #DBDBDB;
        background: #F6F6F6;
    }

    .navbar-brand img {
        height: 25px;
    }

    .navbar-light .navbar-nav {
        margin: 0;
        display: block;
        padding-top: 15px
    }

    .navbar-light .navbar-nav li {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #091F41;
    }

    .navbar-light .navbar-nav.navbar-nav-right {
        padding: 0;
        margin: 0;
    }

    .navbar-light .navbar-nav.navbar-nav-right li:last-child {
        margin: 0;
        padding: 0;
        border: none;
    }

    .enermio-review-wrp .photovoltaic-benefits .button-box a {
        font-size: 14px;
    }

    footer .footer-block h3 {
        font-size: 21px;
    }

    footer {
        padding: 50px 0;
    }

    /* **** End New Css **** */
    /* **** Landing Page **** */
    .landing-banner {
        padding: 30px 0;
    }

    .landing-banner h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .landing-banner h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .custom-radiobx [type="radio"]:checked + label, .custom-radiobx [type="radio"]:not(:checked) + label {
        font-size: 20px;
    }

    .offer-dt h3 {
        font-size: 22px;
        line-height: 30px;
    }

    .offers-wrp h2 {
        font-size: 32px;
    }

    .jistota-data h2 {
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 15px;
    }

    .jistota-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .play-btn {
        width: 50px;
        height: 50px;
        font-size: 18px;
        line-height: 50px;
    }

    .top-company .comp-center h3 {
        font-size: 30px;
    }

    .comp-center h3 {
        font-size: 24px;
    }

    .comp-center p {
        font-size: 14px;
        line-height: 22px;
    }

    .enermio-tip-wrp h2, .top-company-wrp h2, .implementation-references-wrp h2 {
        font-size: 28px;
        margin: 0 auto 30px;
        line-height: 36px;
    }

    .power-title h2 {
        font-size: 26px;
        line-height: 34px;
    }

    .power-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .power-box p {
        font-size: 14px;
        line-height: 20px;
    }

    .review-slider .slick-prev, .review-slider .slick-next {
        right: 0;
    }

    .review-slider .slick-prev {
        left: 0;
        right: auto;
    }

    /* **** End Landing Page **** */
    .budget-wrp .container.calc-step2 .bubble, .budget-wrp .container.calc-step4 .bubble {
        max-width: 80%;
    }

    .osazeni-strechy .total h3 {
        font-size: 30px !important;
    }

    .osazeni-strechy .total h4 {
        font-size: 25px !important;
    }

    .offers-wrp h2 {
        font-size: 32px;
    }

}

@media (max-width: 767px) {

    .vyber-verze .verze img {
        top: 23px;
        width: 40px;
    }


    body.show-sidebar {
        overflow: hidden;
    }

    .container {
        max-width: 100%
    }

    .customers-wrp .container {
        max-width: 100%;
    }

    .interesting-wrp .container {
        max-width: 100%;
    }

    footer .container {
        max-width: 100%;
    }

    #mobile-filte-btn.show {
        display: table;
    }

    /* **** Home **** */
    header {
        background-color: #fff
    }

    header .topbar {
        padding: 16px 0;
    }

    header .topbar .topbar-block h6 {
        font-size: 16px;
        text-align: left;
    }

    header .topbar .topbar-block h6 a {
        display: block;
    }

    header .topbar .topbar-block .close-icon {
        top: 18px;
        right: 0
    }

    .navbar {
        padding: 20px 0;
    }

    .navbar-brand img {
        height: 30px;
    }

    .navbar-light .navbar-nav {
        margin: 0;
        display: block;
        padding-top: 15px
    }

    .navbar-light .navbar-nav li {
        margin: 0 0 10px;
        padding: 0 0 10px;
        border-bottom: 1px solid #091F41;
    }

    .navbar-light .navbar-nav li .nav-link {
    }

    .navbar-light .navbar-nav.navbar-nav-right {
        padding: 0;
        margin: 0;
    }

    .navbar-light .navbar-nav.navbar-nav-right li:last-child {
        margin: 0;
        padding: 0;
        border: none;
    }

    .hero-wrp {
        padding: 65px 0 40px;
    }

    .hero-wrp .container {
        padding: 0 35px;
    }

    .hero-wrp .hero-data br {
        display: none;
    }

    .hero-wrp .hero-data h2 {
        font-size: 37px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .hero-wrp .hero-data p {
        font-size: 12px;
        line-height: 19px;
    }

    .tab-navigation-wrp {
        margin: 0;
        padding: 32px 0;
    }

    .tab-navigation-wrp .container {
        padding: 0 32px;
    }

    .tab-navigation-wrp ul {
        flex-wrap: wrap;
    }

    .tab-navigation-wrp ul li {
        margin: 0 0 16px;
        display: block;
        width: 100%;
    }

    .tab-navigation-wrp ul li .tab-box {
        width: 100%;
        justify-content: center;
        padding: 16px;
    }

    .preference-wrp {
        padding: 0
    }

    .preference-wrp .row.main-row {
        margin: 0 -15px;
    }

    .preference-wrp .row.main-row .col-md-3.col-sm-12.main-col {
        padding: 0 15px;
        width: 100%;
    }

    .preference-wrp .row.main-row .col-md-9.col-sm-12.main-col {
        padding: 0 15px;
        width: 100%;
    }

    .preference-wrp .preference-sidebar {
        position: fixed;
        background: #f5f8fc;
        padding: 50px 35px;
        top: 0;
        bottom: 0;
        height: 100%;
        left: -100%;
        width: 100%;
        max-width: 100%;
        z-index: 122;
        transition: all 0.3s linear;
        overflow: auto;
    }

    .preference-wrp .preference-sidebar.show-sidebar {
        left: 0;
    }

    .preference-wrp .ads-img {
        display: none;
    }

    .preference-sidebar .accordion {
        height: calc(100vh - 150px);
        overflow: auto;
    }

    .preference-wrp .preference-sidebar .sidebar-title h2 {
        display: none;
    }

    .preference-wrp .preference-head {
        margin: 0
    }

    .preference-wrp .preference-head h2 {
        font-size: 16px;
        margin: 0 0 12px;
        line-height: 22px;
        text-align: center;
    }

    .preference-wrp .preference-head h3 {
        display: none;
    }

    .preference-wrp .preference-head ul {
        display: none;
    }

    .preference-wrp .preference-head .btn-preference {
        display: none;
    }

    .preference-box {
        padding: 20px;
        display: block;
    }

    .preference-box .box-img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        margin-right: 0;
    }

    .preference-box .description-block .box-body img {
        display: none;
    }

    .preference-box .description-block .row.inner-row {
        margin: 0 -10px;
    }

    .preference-box .description-block .col-md-3.col-sm-12.inner-col {
        width: 28%;
        padding: 0 10px;
        min-width: 110px;
    }

    .preference-box .description-block .col-md-9.col-sm-12.inner-col {
        width: 67%;
        padding: 0 10px;
    }

    .preference-box .description-block .box-body h2 {
        font-size: 22px;
        margin: 0 0 6px;
    }

    .preference-box .description-block .box-body ul {
        display: none;
    }

    .preference-box .description-block .box-body img {
        display: none;
    }

    .preference-box .description-block .box-body .mobile-garance-logo {
        display: block;
        width: 85px;
        margin-left: 0;
        margin-right: 5px;
    }

    .ene-text {
        display: none;

    }

    .ene-text2 {
        display: block;
    }
    .ene-text3 {
        display: block;
    }

    .preference-box .description-block .box-body h6.enermio-recenze {
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .photovoltaic-block .mobile-garance-logo {
        display: block;
        width: 85px;
        margin-left: 0;
        margin-right: 5px;
    }

    .preference-box .description-block .box-body .ali {
        display: flex;
        align-items: center;
        max-width: 100%;
    }

    .photovoltaic-block .ali {
        display: flex;
        align-items: center;
        max-width: 100%;
    }

    .preference-box .description-block .box-body {
        padding: 0;
        margin: 0;
        border: none;
    }

    .preference-box .description-block .box-footer {
        display: none;
    }

    .preference-box .description-block .list-description li:before {
        top: 0;
        transform: unset;
    }

    .preference-block .ads-img {
        display: none;
    }

    .mobile-box-show {
        display: block;
    }

    .preference-wrp .btn-filter {
        display: block;
    }

    .companies-wrp {
        padding: 112px 0 64px;
    }

    .companies-wrp h2 {
        font-size: 32px;
        line-height: unset;
        margin: 0 0 32px;
    }

    .companies-wrp .slider .slider-box {
        display: block;
        padding: 13px 25px;
    }

    .companies-wrp .slider .slider-box .box-image {
        width: 100%;
        margin: 0 0 8px;
        height: auto;
    }

    .companies-wrp .slider .slider-box .box-image img {
        max-width: unset;
        width: 100%
    }

    .companies-wrp .slider .slider-box h3 {
        font-size: 13px;
        text-align: center;
        display: none;
    }

    .companies-wrp .slider .slider-box h6 {
        justify-content: center;
        text-align: center;
    }

    .companies-wrp .slider .slider-box h6 span {
        display: none;
    }

    .companies-wrp .slider .slider-box h6 i {
        margin: 0;
    }

    .work-wrp {
        padding: 64px 0;
    }

    .work-wrp h2 {
        font-size: 32px;
        line-height: 44px;
        margin: 0 0 64px;
        font-weight: 400;
    }

    .work-wrp .work-block {
        height: 175px;
        padding: 5px;
    }

    .work-wrp .work-block .play-gif {
        height: 27px;
        width: 27px;
        font-size: 10px;
    }

    .customers-wrp {
        padding: 32px 0;
    }

    .customers-wrp h2 {
        font-size: 24px;
        margin: 0 auto 16px;
        line-height: 36px;
        max-width: 250px;
    }

    .customers-wrp .customers-box {
        padding: 32px;
        position: relative;
    }

    .customers-wrp .customers-box:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 32px;
        background: #D2DBE9;
        left: 50%;
        bottom: -16px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .customers-wrp .col-md-4:last-child .customers-box:before {
        display: none;
    }

    .customers-wrp .customers-box img {
        margin: 0 auto 24px;
    }

    .customers-wrp .customers-box h5 {
        font-size: 24px;
        line-height: 36px;
    }

    .customers-wrp .customers-box h5 br {
        display: none;
    }

    .customers-wrp .col-md-4:nth-child(2) {
        border: none;
    }

    .faq-wrp {
        padding: 64px 0;
    }

    .faq-wrp .message-question-square-img {
        display: none;
    }

    .faq-wrp .message-question-circle-img {
        display: none;
    }

    .faq-wrp .titlebar {
        margin: 0 0 48px;
    }

    .faq-wrp .accordion {
        max-width: 100%;
        margin: 0 0 48px;
    }

    .faq-wrp .accordion .accordion-item .accordion-button {
        padding-right: 32px;
    }

    .faq-wrp .accordion .accordion-item .accordion-body {
        padding-right: 32px;
    }

    .faq-wrp .faq-block {
        padding: 32px 20px;
    }

    .faq-wrp .faq-block img {
        margin: 0 auto 24px;
    }

    .faq-wrp .faq-block p {
        margin: 0 0 24px;
    }

    .titlebar h2 {
        font-size: 30px;
        line-height: 38px;
        margin: 0 0 16px;
    }

    .titlebar p {
        font-size: 18px;
        line-height: 28px;
    }

    .btn-primary {
        font-size: 16px;
        padding: 12px 20px;
    }

    .interesting-wrp {
        padding: 0 0 32px;
    }

    .interesting-wrp .interesting-title {
        margin: 0 0 16px;
    }

    .interesting-wrp .interesting-title h2 {
        font-size: 32px;
        line-height: 38px;
        margin: 0 0 16px;
    }

    .interesting-wrp .interesting-title p {
        font-size: 16px;
    }

    .interesting-wrp .big-box.blog-box {
        padding: 25px;
        height: auto;
        margin: 0 0 16px;
    }

    .interesting-wrp .big-box.blog-box .box-img {
        margin: 0 0 28px;
    }

    .interesting-wrp .big-box.blog-box h3 {
        font-size: 20px;
        margin: 0 0 14px;
    }

    .interesting-wrp .blog-box p {
        font-size: 14px;
        line-height: 25px;
        margin: 0 0 14px;
    }

    .interesting-wrp .col-md-7.col-sm-12 .row {
        margin: 0 -5px;
    }

    .interesting-wrp .col-md-7.col-sm-12 .row .col-md-6 {
        padding: 0 5px;
        width: 50%;
    }

    .interesting-wrp .blog-box {
        padding: 14px;
        margin: 0 0 10px;
    }

    .interesting-wrp .blog-box .box-img {
        margin: 0 0 14px;
    }

    .interesting-wrp .blog-box h3 {
        font-size: 12px;
        line-height: 19px;
        margin: 0 0 5px;
    }

    .interesting-wrp .blog-box button {
        font-size: 10px;
    }

    .interesting-wrp .btn-primary {
        margin: 10px auto 0;
    }

    footer .container {
        max-width: 100%;
        padding: 0 32px;
    }

    footer .footer-block {
        padding: 0 0 24px;
        margin: 0 0 32px;
    }

    footer .footer-block img {
        margin: 0 0 16px;
    }

    footer .footer-block p {
        margin: 0 0 24px;
    }

    footer .footer-block ul {
        display: block;
    }

    footer .footer-block ul li {
        margin: 0 0 12px;
    }

    footer .copyright {
        margin: 0;
        padding: 0;
    }

    footer .copyright p {
        margin: 0 0 32px;
    }

    footer .copyright ul {
        justify-content: flex-start;
    }

    /* **** End Home **** */
    /* **** Job Page **** */
    .job-banner h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .job-banner p {
        font-size: 18px;
        line-height: 28px;
    }

    .job-banner .btn-main {
        margin: 0 auto 45px;
    }

    .largest-leads-wrp h2 {
        max-width: 260px;
        margin: 0 auto 15px;
        line-height: 26px;
    }

    .largest-leads-wrp {
        padding: 25px 0 10px;
    }

    .job-title h2 {
        font-size: 34px;
        line-height: 44px;
    }

    .job-title p {
        font-size: 16px;
        line-height: 26px;
    }

    .job-title p br {
        display: none;
    }

    .meet-box {
        margin: 0 0 55px
    }

    .meet-enermio-wrp {
        padding: 65px 0 0;
    }

    .job-title {
        margin: 0 auto 45px;
    }

    .partnbox {
        margin: 0 auto 40px;
    }

    .trusted-supplier-wrp .btn-main {
        margin: 45px auto 0;
    }

    .trusted-supplier-wrp {
        padding: 35px 0;
    }

    .why-row {
        flex-flow: column;
        padding: 25px 0;
    }

    .why-center {
        position: relative;
        top: 0;
        transform: translate(0);
    }

    .why-data {
        padding: 0 15px 35px;
    }

    .why-img {
        width: 100%;
        padding: 0 15px 0 15px;
    }

    .why-enermio-wrp .why-row:nth-child(odd) .why-img img, .why-img img {
        border: 4px solid #101828;
        border-radius: 10px;
    }

    .why-enermio-wrp .why-row:nth-child(odd) .why-data {
        padding: 0 15px 35px;
    }

    .why-enermio-wrp .btn-main {
        margin: 0 auto;
    }

    .satisfied-partners-box {
        flex-flow: column;
    }

    .test-data {
        width: 100%;
        padding: 30px;
    }

    .test-imgbox {
        width: 100%;
    }

    .test-data h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .test-data h4 {
        font-size: 14px;
    }

    .test-data h6 {
        font-size: 12px;
    }

    .satisfied-partners-wrp {
        padding: 65px 0 100px;
    }

    /* **** End Job Page **** */
    /* **** Detail **** */
    .energy-header {
        display: none;
    }

    .energy-wrp {
        padding: 16px 0;
    }

    .energy-wrp .preference-box {
        padding: 20px;
        border-radius: 6px;
        border: 1px solid #E3E5F5;
        background: rgba(255, 255, 255, 0.80);
        box-shadow: 0px 2px 24px 0px rgba(44, 87, 152, 0.10);
        margin: 0;
    }

    .energy-wrp .preference-box .description-block .row.inner-row {
        margin: 0 -12px;
    }

    .energy-wrp .preference-box .description-block .col-md-2 {
        width: 38%;
        padding: 0 12px;
    }

    .energy-wrp .preference-box .description-block .col-md-10 {
        width: 62%;
        padding: 0 12px;
    }

    .energy-wrp ul.list-description {
        display: none;
    }

    .energy-wrp .mobile-box-show ul.list-description {
        display: block;
        margin: 0 0 16px;
    }

    .energy-wrp .mobile-box-show .button-box li {
        margin: 0 0 8px;
    }

    .energy-wrp .mobile-box-show .button-box li:last-child {
        margin: 0
    }

    .energy-wrp .mobile-box-show .button-box li a {
        display: block;
        width: 100%;
        text-align: center;
    }

    .about-energy {
        padding: 32px 0;
    }

    .about-energy .container {
        padding: 0 32px;
    }

    .about-energy img {
        margin: 0 0 40px;
    }

    .about-energy h2 {
        font-size: 32px;
        margin: 0 0 24px;
    }

    .about-energy p {
        font-size: 16px;
        line-height: 24px;
    }

    .count-wrp {
        padding: 64px 0;
    }

    .count-wrp h2 {
        font-size: 32px;
        line-height: 48px;
        margin: 0 0 72px;
        text-align: left;
    }

    .count-box {
        padding: 0 0 112px;
        position: relative;
    }

    .count-box:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 32px;
        background: #D2DBE9;
        left: 50%;
        bottom: 40px;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }

    .count-wrp .col-md-3:last-child .count-box:before {
        display: none;
    }

    .count-wrp .col-md-3:last-child .count-box {
        padding: 0;
    }

    .count-box h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 12px;
    }

    .count-box h4 {
        font-size: 40px;
        margin: 0 0 12px;
    }

    .reference-project-wrp {
        padding: 32px 0;
    }

    .reference-project-wrp .titlebar {
        margin: 0 0 16px;
    }

    .reference-project-wrp .slick-slide {
        margin: 0 8px;
    }

    .reference-project-wrp .slick-list {
        margin: 0 -8px;
    }

    .reference-project-wrp .slider-box .box-image {
        margin: 0 0 24px;
    }

    .reference-project-wrp .slider-box h6 {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .reference-project-wrp .slider-box h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 24px;
    }

    .reference-project-wrp .slider-box ul {
        flex-wrap: wrap;
    }

    .reference-project-wrp .slider-box ul li {
        margin: 0 8px 8px 0;
    }

    .company-wrp {
        padding: 45px 0 100px;
    }

    .company-wrp .mobile-com {
        display: block;
    }

    .company-wrp .titlebar {
        margin: 0 0 15px;
    }

    .desktopcom {
        display: none;
    }

    .features-wrp {
        padding: 30px 0 0;
    }

    .features-box {
        margin: 0 0 40px;
    }

    .articles-slider-wrp .titlebar {
        margin: 0 0 25px;
    }

    .articles-slider-wrp {
        padding: 45px 0 120px;
    }

    .brands-wrp h2 {
        font-size: 28px;
        text-align: left;
        line-height: 36px;
    }

    .rating-wrp .nav-tabs {
        margin: 0 0 30px;
        justify-content: center;
    }

    .rating-wrp .nav-tabs li {
        width: 100%;
    }

    .rating-wrp .nav-tabs li .nav-link {
        padding: 12px 15px;
        border-radius: 5px;
        margin: 0;
        border: 2px solid transparent;
        margin: 0 auto;
    }

    .rating-wrp .nav-tabs::-webkit-scrollbar {
        display: none;
    }

    .rating-wrp .nav-tabs {
        -ms-overflow-style: none; /* IE and Edge */
        scrollbar-width: none; /* Firefox */
    }

    .rating-wrp .rating-title h2 {
        font-size: 26px;
    }

    .rating-wrp .rating-title h5 {
        display: none;
    }

    .rating-wrp .rating-title {
        margin: 0 0 25px;
    }

    .rating-wrp .tab-pane {
        padding: 30px 0;
        border: none;
        border-top: 1px solid #C7CBEA;
        background: #fff;
    }

    .rating-wrp .positive-filter {
        background: #F8F9FF;
        display: inline-block;
        padding: 0;
        margin: 0 0 35px;
    }

    .rating-wrp .positive-filter ul li a {
        display: block;
    }

    .reting-block {
        border: none;
        padding: 25px;
        box-shadow: none;
        margin: 0 auto 25px;
    }

    .reting-block .reting-head ul {
        flex-flow: column;
    }

    .reting-block .reting-head ul li:before {
        display: none;
    }

    .reting-block .reting-head ul li {
        margin: 0;
        padding: 0;
    }

    .reting-block .reting-head ul h5, .reting-block .reting-head h6, .reting-block .reting-head h4 {
        text-align: center;
    }

    .reting-block .reting-head h6 {
        font-size: 14px;
        margin: 0
    }

    .reting-block .reting-head ul li h5 {
        display: none;
    }

    .reting-block .reting-head ul li h5.mobline {
        display: block;
        margin: 0 auto 10px;
    }

    .reting-block .reting-head h5 {
        display: none;
    }

    .reting-block .description p {
        font-size: 13px;
        line-height: 20px;
    }

    .reting-block .description ul li {
        font-size: 13px;
    }

    .reting-block .description .rating-img {
        margin: 0 0 15px;
    }

    .reting-block .description .col-md-3 {
        width: 50%;
    }

    .comments-list {
        padding: 0;
    }

    .comments-box.success {
        margin: 0 0 0 15px;
    }

    .tab-footer ul {
        position: relative;
        left: 0;
        top: 0;
        transform: translate(0);
        justify-content: center;
        margin: 0 auto 20px;
    }

    .tab-footer {
        flex-flow: column-reverse;
        display: flex;
    }

    /* **** End Detail **** */
    /* **** Blogs Page **** */
    .blog-wrpper {
        padding: 0 0 45px;
    }

    .blog-wrpper h1 {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
        margin: 0 0 25px;
    }


    .blog-tabs .nav-tabs li a {
        font-size: 12px;
        padding: 5px 5px;
    }

    .blog-tabs .nav-tabs {
        margin: 0 auto 30px;
    }

    .blog-tabs .tab-content {
        padding: 15px;
        border-radius: 10px;
    }

    .blog-data {
        padding: 25px 0 15px;
    }

    .blog-data h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .blog-data p {
        font-size: 16px;
        line-height: 26px;
    }

    .blog-data button {
        font-size: 16px;
    }

    .blog-box-lst {
        padding: 15px;
    }

    .pager-rw {
        justify-content: center;
    }

    .pager-rw a.leftbtn, .pager-rw a.leftbtn {
        display: none;
    }

    .blog-detailswrp {
        padding: 45px 0;
    }

    .blog-detailswrphead h1 {
        font-size: 28px;
        line-height: 36px;
    }

    .blog-detailswrphead ul {
        justify-content: flex-start;
        margin: 15px 0 0;
    }

    .blog-detailswrphead p {
        font-size: 18px;
        line-height: 26px;
    }

    .detailswrp-inbx h2 {
        font-size: 24px;
    }

    .detailswrp-inbx ul li, .detailswrp-inbx p {
        font-size: 15px;
        line-height: 22px;
    }

    .blog-detailswrphead {
        margin: 0 0 40px;
    }

    .coverimg {
        margin: 0 0 40px;
    }

    .add-bannerpost {
        padding: 20px;
    }

    .addata h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 15px;
    }

    .details-row h3 {
        margin: 0 0 15px;
    }

    .sharebx ul {
        justify-content: flex-start;
    }

    .more-articles {
        padding: 40px 0 0;
    }

    .more-articles h2 {
        font-size: 26px;
    }

    .more-articles .blog-data h2 {
        min-height: auto;
        font-size: 20px;
    }

    /* **** End Blogs Page **** */
    /* **** Popups **** */
    .offer-modal .modal-dialog .modal-content {
        padding: 85px 15px 40px;
    }

    .offer-modal .modal-dialog {
        max-width: 100%;
        margin: 30px auto !important;
        width: 95%;
    }

    .offer-block-wrp h3 {
        font-size: 16px;
    }

    .pointnmrw ul li p {
        font-size: 12px;
    }

    .rait-place-rw ul li {
        width: 33.33%;
    }

    /* **** End Popups **** */
    .brands-wrp {
        padding: 96px 0;
    }

    .brands-wrp .container {
        padding: 0 32px;
    }

    .reting-block .description ul {
        margin: 0 0 20px;
    }

    .reting-block .description ul li {
        font-size: 12px;
        line-height: 20px;
        padding-left: 24px;
    }

    .reting-block .description ul li:before {
        height: 16px;
        width: 16px;
        font-size: 10px;
        top: 0;
    }

    .reting-block {
        border: 1px solid #E3E5F5;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.20) 0.09%, rgba(255, 255, 255, 0.00) 99.96%), rgba(255, 255, 255, 0.80);
        box-shadow: 0px 2px 24px 0px rgba(44, 87, 152, 0.25);
    }

    .rating-wrp .tab-pane {
        border: none;
        background: transparent;
        box-shadow: none;
    }

    .comments-list .comments-box {
        box-shadow: none;
    }

    .reting-block .reting-head ul li .user-img {
        display: table;
    }

    .reting-block .reting-head h4 {
        font-size: 14px;
        font-weight: 700;
        color: #213058;
        margin: 0;
    }

    .reting-block .reting-head ul h5 {
        font-size: 12px;
        color: #213058;
        font-weight: 400;
    }

    .reting-block .reting-head h6 {
        font-size: 10px;
        font-weight: 400
    }

    .detail-main-wrpper {
        overflow: auto;
    }

    .mobile-box-show .list-box {
        justify-content: flex-start;
    }

    .preference-sidebar .accordion .accordion-item .accordion-body li {
        margin: 0 0 20px;
    }

    .preference-sidebar .mobile-btn-box {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        padding: 15px 35px;
        background-color: #fff;
        margin: 0;
    }

    .bottom-button-fix {
        display: block;
    }

    /* **** Benefits **** */
    .benefit-hero:before {
        display: none;
    }

    .benefit-hero .hero-img {
        background: #F2F4F7;
        border-radius: 15px;
        padding: 20px;
    }

    .benefit-hero .hero-datails {
        padding: 20px 0 30px;
    }

    .benefit-hero .hero-datails h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .benefit-hero .hero-datails p {
        font-size: 16px;
        line-height: 24px;
    }

    .guarantee-wrp {
        padding: 64px 0;
    }

    .guarantee-wrp .guarantee-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .guarantee-wrp .guarantee-title p br {
        display: none;
    }

    .guarantee-wrp .guarantee-title {
        margin: 0 0 24px;
    }

    .guarantee-wrp .guarantee-block {
        margin: 0 0 35px;
    }

    .guarantee-wrp .guarantee-box h4 {
        font-size: 18px;
        margin: 0 0 10px;
    }

    .guarantee-wrp .guarantee-box {
        margin: 0 0 25px;
    }

    .guarantee-wrp .guarantee-box ul li {
        padding-left: 25px;
        margin: 0 0 15px;
    }

    .guarantee-wrp .guarantee-box ul li:before {
        left: 0;
    }

    .second-satisfied-partners {
        padding: 64px 0 128px;
    }

    .second-satisfied-partners .job-title h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .second-satisfied-partners .job-title p {
        font-size: 16px;
        line-height: 24px;
    }

    .program-wrp {
        padding: 64px 0 0
    }

    .program-wrp h2 {
        font-size: 32px;
        line-height: 40px;
        margin: 0 0 15px;
    }

    .program-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 45px;
    }

    /* **** End Benefits **** */
    /* **** 1 Page **** */
    .analytics-wrp .analytics-block {
        padding: 24px;
    }

    .analytics-wrp .analytics-block h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .analytics-wrp .analytics-block p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px;
    }

    .analytics-wrp .analytics-block form {
        display: block;
    }

    .analytics-wrp .analytics-block form button {
        display: block;
        width: 100%;
        margin: 10px 0 0;
    }

    .analytics-wrp .analytics-block form .form-group .form-control {
        font-size: 16px;
        padding: 10px 12px;
    }

    .project-wrp {
        padding: 40px 0;
    }

    .project-wrp ul {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .project-wrp ul li {
        width: 100%;
    }

    .project-wrp ul li:nth-child(2) {
        border: none;
        border-top: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        padding: 15px 0;
        margin: 15px 0;
    }

    .project-wrp h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .project-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 0;
    }

    .blog-wrp {
        padding: 0 0 40px;
    }

    .blog-wrp .blog-title h2 {
        font-size: 40px;
        line-height: 50px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-title p {
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .blog-wrp .blog-block .blog-bix {
        padding: 15px;
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix img {
        margin: 0 0 15px;
    }

    .blog-wrp .blog-block .blog-bix h3 {
        font-size: 22px;
        line-height: 24px;
    }

    .blog-wrp .blog-block .blog-bix p {
        font-size: 15px;
        line-height: 24px;
    }

    .second-companies-wrp {
        padding: 42px 0;
        margin: 0 0 42px;
    }

    /* **** End 1 Page **** */
    /* **** 2 Page **** */
    .address-wrp {
        padding: 40px 0 0;
    }

    .address-wrp .address-title h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .address-wrp .address-title p {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 30px;
    }

    .address-wrp .address-title p br {
        display: none;
    }

    .address-wrp .map-box {
        height: 350px;
    }

    .map-box-calculator {
        height: 350px;
    }

    #kalkulator h3 {
        font-size: 20px;
    }


    .basic-wrp {
        padding: 60px 0;
    }

    .basic-wrp h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .basic-wrp ul {
        max-width: 100%;
        flex-wrap: wrap;
    }

    .basic-wrp ul li {
        width: 100%;
    }

    .basic-wrp ul li:nth-child(2) {
        border: none;
        border-top: 1px solid #eaecf0;
        border-bottom: 1px solid #eaecf0;
        padding: 15px 0;
        margin: 15px 0;
    }

    .basic-wrp h3 {
        font-size: 40px;
        line-height: 50px;
    }

    .basic-wrp p {
        font-size: 16px;
        line-height: 24px;
        margin: 10px 0 0;
    }

    .unlock-data-wrp {
        padding: 0 0 60px;
    }

    .unlock-data-block .chart-block {
        padding: 40px;
    }

    .unlock-data-block .unlock-box {
        width: 280px;
        padding: 168px 20px 20px;
    }

    .unlock-data-block .unlock-box h2 {
        font-size: 24px;
        line-height: 30px;
        margin: 0 0 15px;
    }

    .unlock-data-block .unlock-box p {
        margin: 0 0 25px;
    }

    .suppliers-wrp {
        padding: 0 0 60px;
    }

    .suppliers-wrp h2 {
        font-size: 30px;
        line-height: 40px;
        margin: 0 0 20px;
    }

    .suppliers-wrp .nav-tabs {
        display: block;
    }

    .suppliers-wrp .nav-tabs li {
        margin: 0 0 10px;
    }

    .suppliers-wrp .nav-tabs li .nav-link {
        width: 100%;
    }

    /* **** End 2 Page **** */
    .address-wrp .map-box form {
        display: block;
        max-width: 100%;
        right: 15px;
        width: auto;
    }

    .address-wrp .map-box form button {
        margin: 10px 0 0;
    }


    /* **** Calculator Budget **** */
    .budget-wrp {
        padding: 40px 0;
        height: auto;
    }

    .budget-wrp .container {
        max-width: 540px;
    }

    .form-wizard .form-wizard-steps {
        margin: 0 0 20px;
    }

    .form-wizard .form-wizard-steps li {
        padding-right: 30px;
    }

    .form-wizard .form-wizard-steps li:last-child {
        padding: 0
    }

    .form-wizard .form-wizard-steps li span {
        height: 15px;
        width: 15px;
    }

    .form-wizard .form-wizard-steps li:before {
        left: 17px;
        width: 25px;
    }

    .wizard-header .steps li {
        height: 12px;
        width: 12px;
        min-width: 12px;
        margin-right: 25px;
    }

    .wizard-header .steps li:before {
        left: 15px;
        width: 15px;
    }

    .wizard .wizard-footer ul li {
        margin-right: 10px;
    }

    .wizard .wizard-footer ul li .btn-primary {
        font-size: 14px;
    }

    .wizard-block .form-group label {
        flex-wrap: wrap;
    }

    .wizard-block {
        padding: 66px 20px 132px 20px;
        width: 100%
    }

    .pp1 {
        padding: 66px 20px 40px 20px;
        width: 100%
    }


    .wizard-block h2 {
        font-size: 24px;
    }

    .wizard-block .property-box p {
        margin: 0 0 20px;
    }

    .form-buttons a {
        min-width: 140px;
    }

    .wizard-block .form-group .col-md-7 {
        margin: 10px 0 0;
    }

    .possible-toggle ul {
        flex-wrap: wrap;
    }

    .wizard-block .form-group label {
        font-size: 18px;
    }

    .possible-toggle ul li {
        width: 100%;
        margin: 0 0 20px;
    }

    .possible-toggle ul li:last-child {
        margin: 0
    }

    .wizard-block .property-box h4 {
        text-align: center;
    }

    .wizard-block .property-box p {
        text-align: center;
    }

    .wizard-block .form-group label {
        justify-content: center;
    }

    .wizard-block .check-block .check-box h6 {
        text-align: center;
    }

    .benefits-wrpper {
        padding: 40px 0;
        position: relative;
    }

    .benefits-wrpper h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .benefits-wrpper .benefit-box {
        border: none;
        border-bottom: 1px solid #D2DBE9;
        padding: 15px;
    }

    .benefits-wrpper .benefit-box h4 {
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box h3 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }

    .benefits-wrpper .benefit-box img {
        max-width: 60px;
    }

    /* **** End Calculator Budget **** */
    /* 9-01-2023 Start */
    footer {
        position: relative;
    }

    #multistepsform fieldset {
        width: 100%;
        min-height: 560px;
    }

    .wizard-btns {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 20px 0;
        background-color: #F5F5F7;
    }

    .wizard-block .property-box .form-checkbox {
        margin: 0 0 10px;
    }

    .wizard-block .form-radiobox {
        margin: 0 0 16px;
    }

    .wizard-block .neg {
        padding-left: 0px;
        margin-top: 35px
    }

    .full-stars-example-happy {
        margin: 0px auto;
    }

    .full-stars .rating__label {
        font-size: 40px;
    }

    .full-stars-example-happy .rating__label {
        font-size: 40px;
    }

    .happy-block h5 {
        text-align: center;
        justify-content: center;
    }

    .centerMobile {
        text-align: center;
    }

    footer .footer-block h3.mob {
        margin: 0px;
    }

    #offerModal2 .modal-content {
        padding: 100px 15px 60px 15px;
    }


    .form-radiobox [type="radio"]:checked + label:before, .form-radiobox [type="radio"]:not(:checked) + label:before {
        width: 18px;
        height: 18px;
    }

    .property-box .form-radiobox [type="radio"]:checked + label:after, .property-box .form-radiobox [type="radio"]:not(:checked) + label:after {
        height: 8px;
        width: 8px;
        top: 7px;
    }

    .possible-toggle ul li .toogle-swich label::before {
        width: 36px;
        height: 22px
    }

    .possible-toggle ul li .toogle-swich label:after {
        width: 16px;
        height: 16px;
        left: 4px;
    }

    .possible-toggle ul li .toogle-swich input:checked + label:after {
        left: 16px;
    }

    body {
        height: auto;
    }

    /* 9-01-2023 End */
    /* **** Enermio Review **** */
    .enermio-review-wrp {
        padding: 16px 0;
    }

    .inner-energy-header .container, .enermio-review-wrp .container {
        max-width: 540px;
    }

    .enermio-review-wrp .breadcrumb ul {
        justify-content: flex-start;
        margin: 0
    }

    .enermio-review-wrp .breadcrumb ul li {
        font-size: 12px;
        margin-right: 10px;
        padding-right: 10px;
    }

    .enermio-review-wrp .breadcrumb ul li a {
        font-size: 12px;
    }

    .enermio-review-wrp .photovoltaic-block {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .enermio-review-wrp .photovoltaic-block .photovoltaic-img {
        height: 100px;
        width: 100px;
        min-width: 100px;
        margin-right: 12px;
    }

    .enermio-review-wrp .photovoltaic-block .description {
        width: 68%
    }

    .enermio-review-wrp .photovoltaic-block .description h2 {
        font-size: 24px;
        margin: 0 0 8px;
        width: 100%
    }

    .enermio-review-wrp .photovoltaic-block .description h2 span {
        display: none;
    }

    .enermio-review-wrp .photovoltaic-block .description h2 b {
        display: block;
    }

    .enermio-review-wrp .photovoltaic-block .description h4 {
        margin: 0;
    }

    .enermio-review-wrp .photovoltaic-block .description h4 span {
        display: block;
        margin: 0 0 10px;
    }

    .enermio-review-wrp .photovoltaic-block .description h4 i {
        font-size: 14px;
    }

    .enermio-review-wrp .photovoltaic-block .description h4.sc2-enrecenze i {
        font-size: 18px;
    }

    .enermio-review-wrp .photovoltaic-block .description .ge-badge {
        top: 0;
        width: 70px;
    }

    .enermio-review-wrp .photovoltaic-block ul.mobile-show {
        display: flex;
        margin: 32px 0 0
    }

    .enermio-review-wrp .photovoltaic-block .description ul li {
        display: none;
    }

    .enermio-review-wrp .photovoltaic-benefits h3 {
        font-size: 20px;
    }

    .enermio-review-wrp .photovoltaic-benefits .benefits-detail {
        margin: 0 0 16px;
    }

    .enermio-review-wrp .photovoltaic-benefits .button-box {
        padding: 16px 0 32px;
    }

    .enermio-review-wrp .photovoltaic-benefits .button-box a {
        margin: 0 0 32px;
    }

    .enermio-review-wrp .photovoltaic-benefits .button-box .col-md-6:last-child a {
        margin: 0
    }

    .enermio-review-wrp .implement-block h6 {
        margin: 0 0 32px;
    }

    .enermio-review-wrp .reference-project-block h3 {
        font-size: 20px;
    }

    .verified-reviews .col-md-4 {
        width: 35%;
    }

    .verified-reviews .col-md-8 {
        width: 65%;
    }

    .enermio-review-wrp .verified-reviews .rating-box h3 {
        font-size: 16px;
        margin: 0 0 4px;
    }

    .enermio-review-wrp .verified-reviews .rating-box p {
        font-size: 12px;
    }

    .enermio-review-wrp .verified-reviews .rating-box h4 {
        font-size: 16px;
    }

    .enermio-review-wrp .enermio-review-tabs .nav-tabs li .nav-link {
        font-size: 15px;
    }

    .enermio-review-wrp .enermio-review-tabs .comment-body .mins-list {
        margin: 24px 0 0
    }

    /* **** End Enermio Review **** */
    /* **** Modal **** */
    .project-modal .modal-dialog {
        max-width: 100%;
        margin: 15px;
    }

    /*.project-modal .carousel .carousel-item img{min-height: 371px;}*/
    footer .copyright ul {
        display: flex;
    }

    /* **** End Modal **** */
    /* **** New Css **** */
    header {
        border-bottom: 1px solid #DBDBDB;
        background: #F6F6F6;
    }

    .navbar-brand img {
        height: 25px;
    }

    footer {
        padding: 32px 0 100px;
    }

    footer .foot-logo img {
        height: 40px;
        margin: 0 auto;
    }

    footer .footer-block {
        padding: 0;
        margin: 0;
    }

    footer .footer-block h3 {
        font-size: 24px;
        margin: 0 0 16px;
        text-align: center;
    }

    footer .footer-block .contact-info {
        margin: 0 0 24px;
    }

    footer .footer-block .contact-info p {
        text-align: center;
        margin: 0
    }

    footer .footer-block .contact-info ul {
        display: none;
    }

    footer .footer-block .col-md-2 {
        width: 100%;
    }

    footer .footer-block .quicklinks {
        margin: 0 0 24px;
    }

    footer .footer-block .quicklinks ul li {
        margin: 0
    }

    footer .footer-block .quicklinks ul li a {
        font-weight: 400;
        display: table;
        margin: 0 auto;
    }

    footer .copyright ul {
        justify-content: center;
    }

    footer .copyright p {
        font-size: 16px;
        text-align: center;
        margin: 0
    }

    .enermio-review-wrp .contact-box {
        margin: 32px 0 0;
    }

    /* **** End New Css **** */
    .wizard-block #full-stars-example-two {
        display: block;
        margin: 10px 0 0;
        width: 100%
    }


    /* **** Landing Page **** */
    .landing-banner {
        padding: 30px 0;
    }

    .landing-banner h1 {
        font-size: 32px;
        line-height: 42px;
    }

    .landing-banner h6 {
        font-size: 16px;
        line-height: 24px;
    }

    .check-rw ul {
        flex-flow: column;
        margin: 0 auto 15px;
        max-width: 250px;
        justify-content: flex-start;
    }

    .check-rw ul li {
        margin: 0 0 20px;
        width: 100%;
    }

    .check-rw ul li:last-child {
        margin: 0;
    }

    .custom-radiobx [type="radio"]:checked + label, .custom-radiobx [type="radio"]:not(:checked) + label {
        font-size: 22px;
    }

    .serach-blocks {
        flex-flow: column;
    }

    .serach-blocks button {
        padding: 15px 30px;
        border-radius: 8px;
        width: 100%;
        margin: 15px 0 0;
    }

    .offers-wrp h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .offer-dt h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .jistota-wrp {
        padding: 30px 0;
    }

    .jistota-data {
        padding: 0 0 30px;
    }

    .jistota-data h2 {
        font-size: 24px;
        line-height: 42px;
        text-align: center
    }

    .jistota-box p {
        font-size: 14px;
        line-height: 22px;
    }

    .testimonial-wrp h2 {
        font-size: 24px;
        margin: 0 auto 30px;
    }

    .testimonial-wrp .btn-primary {
        width: 100%;
        text-align: center;
    }

    .landing-service-row {
        padding: 30px 0;
    }

    .landing-service-row .row {
        flex-flow: column-reverse;
    }

    .landing-service-row .jistota-data {
        padding: 0 0;
    }

    .landing-service-row:nth-child(odd) .jistota-data {
        padding: 0 0;
    }

    .landing-service-row .jistota-img {
        display: none;
    }

    .landing-service-row .row {
        flex-flow: column-reverse;
    }

    .landing-service-row .jistota-data .jistota-img {
        display: block;
        margin: 30px 0 0;
    }

    .landing-service-row .jistota-data .btn-primary {
        margin: 30px 0 0;
        width: 100%;
        font-size: 24px;
        padding: 20px
    }

    .serv-video-row .jistota-img {
        display: block;
        margin: 0 0 30px;
    }

    .super-easy-wrp h2 {
        font-size: 24px;
        line-height: 32px;
        margin: 0 auto 30px;
    }

    .landing-servicetwo-wrp {
        padding: 30px 0;
    }

    .top-company-wrp h2 {
        font-size: 24px;
    }

    .comp-center {
        padding: 25px;
    }

    .top-company .comp-center h3 {
        font-size: 24px;
    }

    .comp-center h3 {
        font-size: 24px
    }

    .company-block img {
        height: 200px;
    }

    .comp-center {
        padding: 15px 25px;
    }

    .top-company .comp-center {
        padding: 15px 25px;
    }

    .top-company img {
        height: 200px;
    }

    .comp-center p {
        font-size: 14px;
        line-height: 22px;
        display: block;
    }

    .top-company:after, .company-block:after {
        background: linear-gradient(to right, rgba(0, 110, 255, 1) 0%, rgba(0, 110, 255, 1) 33%, rgba(0, 110, 255, 0.99) 34%, rgba(255, 255, 255, 0) 100%);
    }

    .top-company .comp-center p {
        font-size: 14px;
        line-height: 22px;
        display: block;
    }

    .comp-center .btn-primary {
        background: transparent;
        padding: 0;
        font-size: 14px;
    }

    .top-company .btn-group {
        justify-content: flex-start;
    }

    .implementation-references-wrp h2 {
        font-size: 24px;
        margin: 0 auto 30px;
        line-height: 32px;
    }

    .power-house-wrp {
        padding: 30px 0 0;
    }

    .power-title {
        margin: 0 auto 30px;
    }

    .power-title h2 {
        font-size: 24px;
        text-align: center;
        line-height: 32px;
    }

    .power-title p {
        font-size: 16px;
        text-align: center;
        margin: 0 0 15px;
    }

    .power-title .btn-primary {
        width: 100%;
    }

    .enermio-tip-wrp h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .verify-bx img {
        max-width: 100%;
    }

    .verified-companies-wrp h3 {
        font-size: 15px;
        line-height: 22px;
    }

    .landing-faq-wrp {
        padding: 30px 0;
    }

    .landing-faq-wrp .container {
        padding: 0 30px;
    }

    .faq-wrp.landing-faq-wrp h2 {
        font-size: 24px;
    }

    .faq-wrp.landing-faq-wrp p {
        font-size: 14px;
        line-height: 22px;
    }

    .faq-wrp .accordion .accordion-item .accordion-button {
        font-size: 16px;
        line-height: 24px;
    }

    .faq-wrp .accordion .accordion-item .accordion-body p {
        font-size: 14px;
        line-height: 22px;
    }

    /* **** End Landing Page **** */
    .budget-wrp .container.calc-step2 .bubble, .budget-wrp .container.calc-step4 .bubble {
        max-width: 80%;
    }

    .osazeni-strechy .total h3 {
        font-size: 25px !important;
    }

    .osazeni-strechy .total h4 {
        font-size: 20px !important;
    }

    .offers-wrp h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .offer-dt h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .enermio-tip-wrp {
        margin: 30px 0;
    }

    .wizard-header .steps {
        margin: 0 0 40px;
    }

}

@media (max-width: 250px) {
    .full-stars-example-happy .rating__label {
        font-size: 20px;
    }

    .vyber-verze .verze img {
        top: 23px;
        width: 40px;
    }

}

@media (min-width: 576px) and (max-width: 767px) {
    .vyber-verze .verze img {
        top: 23px;
        width: 40px;
    }

    .container {
        max-width: 540px;
    }

    .customers-wrp .container {
        max-width: 540px;
    }

    .interesting-wrp .container {
        max-width: 540px;
    }

    footer .container {
        max-width: 540px;
    }

    #vyuziti-fve {
        padding-top: 30px;
    }
}

@media (min-width: 448px) and (max-width: 575px) {
    .vyber-verze .verze img {
        top: 23px;
        width: 40px;
    }

    .vyber-verze .verze h4 {
        font-size: 16px;
    }

    #kalkulator h6 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #kalkulator h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .form-group.show-error .error_calc {
        font-size: 12px;
    }

    #vyuziti-fve {
        padding-top: 30px;
    }
}

@media (min-width: 375px) and (max-width: 447px) {
    .vyber-verze .verze h4 {
        font-size: 16px;
    }

    #vyuziti-fve h4 {
        padding-bottom: 35px;
    }

    #kalkulator h3 {
        font-size: 25px;
    }

    #kalkulator h3 span {
        font-size: 20px;
    }

    .vyber-verze .verze img {
        top: 20px;
        width: 40px;
    }

    #kalkulator h6 {
        font-size: 12px;
        margin-bottom: 5px;
    }


    #kalkulator .search-blocks-small h6 {
        line-height: 18px;
        margin-bottom: 20px;

    }

    #kalkulator h1 {
        font-size: 30px;
        line-height: 40px;
    }

    #kalkulator h1.mock-title {
        font-size: 24px;
    }


    .form-group.show-error .error_calc {
        font-size: 12px;
    }

    #vyuziti-fve {
        padding-top: 30px;
    }
}


@media (max-width: 374px) {
    #vyuziti-fve {
        padding-top: 30px;
    }

    #kalkulator h6 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    #kalkulator h3 span {
        font-size: 20px;
    }

    #kalkulator h1 {
        font-size: 30px;
        line-height: 40px;
    }

    .form-group.show-error .error_calc {
        font-size: 12px;
    }

    .enermio-review-wrp .photovoltaic-block .photovoltaic-img {
        height: 90px;
        width: 90px;
        min-width: 90px;
    }

    .enermio-review-wrp .photovoltaic-block .description {
        width: 62%;
    }

    .enermio-review-wrp .photovoltaic-block .description h2 {
        font-size: 18px;
    }

    .enermio-review-wrp .photovoltaic-block .description h4 {
        font-size: 14px;
    }

    .enermio-review-wrp .photovoltaic-block ul li {
        font-size: 11px;
    }

    .enermio-review-wrp .verified-reviews .rating-box h4 {
        font-size: 12px;
    }

    .enermio-review-wrp .enermio-review-tabs .nav-tabs li .nav-link {
        font-size: 13px;
    }
}


@media (max-width: 1256px) {
    .spodni-odemknout {
        position: absolute;
        left: 50%; /* Horizontálně ve středu */
        transform: translate(-50%, -50%); /* Přesně ve středu obrazku */
        /* Dynamicky vypočítaný top s přihlédnutím k proporcím */
        top: calc(15vw - 8px);
    }

}

@media (max-width: 380px) {
    .horni-odemknout {
        position: absolute;
        left: 50%; /* Horizontálně ve středu */
        transform: translate(-50%, -50%); /* Přesně ve středu obrazku */
        /* Dynamicky vypočítaný top s přihlédnutím k proporcím */
        top: calc(60vw - 42px);
    }

}

@media (max-width: 395px) {
    .vyber-verze .verze.verze-active img {
        display: none !important;
    }
}

@media (max-width: 1199px) {
    .zobrazit-hodnoty.mobile {
        display: block;
        text-align: center;
        padding-bottom: 25px;
    }

    .zobrazit-hodnoty.desktop {
        display: none;
    }

    .row.row-0 {
        padding-top: 30px;
    }

    #kalkulator .row.total {
        padding-top: 30px;
    }
}

@media (max-width: 532px) {
    .budget-wrp .container.calc-step2 .bubble .strecha, .budget-wrp .container.calc-step4 .bubble .strecha {
        width: 100% !important;
        max-width: 100%;
        flex: 0 0 auto;
    }

    .bubble .row {
        margin-bottom: 10px;
    }

    .budget-wrp .container.calc-step2 .bubble:before, .budget-wrp .container.calc-step4 .bubble:before {
        right: -40px;
        /* -webkit-transform: translate(0, -50%); */
        /* transform: translate(0, -50%); */
        /* -webkit-transition: all 0.3s linear; */
        /* transition: all 0.3s linear; */
    }
}

@media (max-width: 767px) {
    .preference-block .ads-m-img {
        display: block;
        margin: 0 0 24px;
    }
}

@media (max-width: 520px) {
    .search-blocks-small .form-group.show-error .form-control {
        padding-top: 45px;
    }

    .search-blocks-small .form-group.show-error i {
        top: 48px;
    }
}


@media (max-width: 599px) {
    .cookie-lista {
        border-left: 0px;
        border-right: 0px;
        border-radius: 0;
    }
}

@media (max-width: 650px) {
    .landing-banner .mock img.m {
        display: block;
    }

    .landing-banner .mock img.d {
        display: none;
    }

    #kalkulator .mock {
        padding: 20px 15px 0px 15px;
    }

    #kalkulator .mock img {
        width: 100%;
        border-radius: 0px 0px 0px 0px
    }


    #kalkulator .mock img.m {
        display: block;
    }

    #kalkulator .mock img.d {
        display: none;
    }
}