/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media only screen and (min-width: 1200px) {
    body {
        zoom: 80%;
    }
}

@media (min-width: 1600px) {
    .container {max-width: 1518px;}
    .ethiopia-img.margin-left-img {float: right;}
    .ethiopia-img.right-img.right-side-list-img {float: right;}
}

@media (min-width: 1700px) and (max-width: 1799px) {
    /* Story Page Start */
    .history-2000-main { margin: 0 0 0 -80px; }
    /* Story Page End */

    /* Responsibilty Page Start */
    .details-main .details-row:nth-child(even) { margin: 0 0 0 -75px; }
    .certification-main { margin: 0 0 0 -75px; }
    .how-works-main { margin: 0 -75px 0 0; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0 0 0 -70px; }
    /* Responsibilty Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0 -70px 0 0; }
    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0 0 0 -70px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0 -70px 0 0; }
    .ethiopia-img.left-img { margin: 0 0 0 -70px; }
    /* Continent Page End */
}

@media (min-width: 1600px) and (max-width: 1699px) {
    .main-title { font-size: 70px; line-height: 70px; }

    /* Story Page Start */
    .history-2000-main { margin: 0 0 0 -20px; }
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0 0 0 -20px; }
    .our-steps-main .row { margin: 0 -47px; }
    .our-steps-main .row>* { padding: 0 47px; }

    .certification-main { margin: 0; }
    .how-works-main { margin: 0 -20px 0 0; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0 0 0 -25px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0 -20px 0 0; }
    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0 0 0 -20px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0 -25px 0 0; }
    .ethiopia-img.left-img { margin: 0 0 0 -25px; }
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -47px; }
    .news-row .row>* { padding: 0 47px; }
    /* News Page End */
}

@media (min-width: 1500px) and (max-width: 1599px) {
    /* Common Style Start */
    .banner-title { font-size: 68px; line-height: 74px; }
    .block-title { font-size: 40px; line-height: 44px; }
    .section-title { font-size: 52px; line-height: 54px; }
    body {font-size: 20px; line-height: 30px;}
    .main-title { font-size: 60px; line-height: 60px; }
    .history-title {font-size: 160px; line-height: 180px;}
    /* Common Style End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 35px; }
    .about-section .block-title { margin: 0 0 30px; }
    .about-section .common-detail p { margin: 0px 0 28px; }

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 70px 0 0; }
    .competence-main .competence-title { margin: 0 0 80px; }
    .competence-wrp { padding: 54px 0 310px; }

    .responsibility-section { padding: 83px 130px 45px; }
    .responsibility-section .section-title { margin: 0 0 30px; }
    .responsibility-section .common-detail { margin: 0 0 35px; }

    .coffee-originates-wrp { padding: 120px 0 110px; }
    .coffee-originates-content { margin: 0 0 0 90px; }

    .coffee-news-wrp { padding: 110px 0 130px; }
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 100px; }
    .country-block .block-title {margin: 0 0 25px;}

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 177px 0 160px; }
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 130px;}

    .who-are-we-main { padding: 110px 0 90px; }
    .who-are-we-img-wrp { padding: 120px 0 50px; }

    .our-service-img { max-width: 179px; height: 107px; }
    .service-content .section-title { margin: 0 0 15px; }
    .service-content {height: calc(100% - 133px);}

    .coffee-competence-main .banner-title { max-width: 447px; margin: 0 auto 80px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 95px; }
    .quality-assurance-wrp { margin: -240px 0 0; }
    .coffee-competence-wrp { padding: 62px 0 330px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }

    .hocofco-group-img .main-title {top: 150px;}
    .hocofco-content {padding: 54px 60px 55px 80px;}
    .hocofco-content .orange-link {left: 80px;}
    .hocofco-content .small-detail { padding: 0 0 60px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 40px;}

    .work-with-us-section .work-title { padding: 0 0 40px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 60px; }
    .history-img .history-title {margin: -60px 0 0;}

    .history-1994-wrp { padding: 240px 0 70px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -60px -100px 0 0;}

    .history-2015-wrp .history-img .history-title {left: -216px;}
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -44px; }
    .our-steps-main .row>* { padding: 0 44px; }
    .details-main .details-row { padding: 0 0 100px; }
    .our-steps-wrp { padding: 42px 0 60px; }

    .certification-main { margin: 0; }
    .craft-partnership-wrp .block-title { margin: 0 0 110px; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 60px 0 140px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0 0 0 -25px; }
    .supply-chain-wrp { padding: 140px 0 150px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0 -20px 0 0; }
    .community-wrp { padding: 120px 0 40px; }
    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0 110px 0 0; }
    .guatemala-page .inner-banner-main { bottom: 110px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 96px 30px 25px 110px;}
    .continent-coffee-details {padding: 0 70px 0 0;}
    .organic-logos ul { padding: 30px 0 0; }
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -45px; }
    .news-row .row>* { padding: 0 45px; }
    .news-wrp { padding: 110px 0 80px; }
    .news-main .news-row { padding: 0 0 70px; }
    .news-wrp .load-more { padding: 60px 0 0; }
    /* News Page End */

    .cta-calendar .btn-outline {
        position: relative;
        right: 20px;
    }

    .cta-calendar .section-title {
        font-size: 42px;
        line-height: 46px;
        padding-top: 8px;
    }
}

@media (min-width: 1400px) and (max-width: 1499px) {
    /* Common Style Start */
    .banner-title { font-size: 68px; line-height: 74px; }
    .block-title { font-size: 40px; line-height: 44px; }
    .section-title { font-size: 52px; line-height: 54px; }
    .common-detail {font-size: 20px; line-height: 30px;}
    body {font-size: 20px; line-height: 30px;}
    .main-title { font-size: 60px; line-height: 60px; }
    .history-title {font-size: 160px; line-height: 180px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 700px;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 120px 95px 70px;}
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 35px; }
    .about-section .block-title { margin: 0 0 30px; }
    .about-section .common-detail p { margin: 0px 0 28px; }

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 70px 0 0; }
    .competence-main .competence-title { margin: 0 0 80px; }
    .competence-wrp { padding: 54px 0 310px; }

    .responsibility-section { padding: 83px 130px 45px; }
    .responsibility-section .section-title { margin: 0 0 30px; }
    .responsibility-section .common-detail { margin: 0 0 35px; }

    .coffee-originates-wrp { padding: 120px 0 110px; }
    .coffee-originates-content { margin: 0 0 0 90px; }

    .coffee-news-wrp { padding: 110px 0 130px; }
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 100px; }
    .country-block .block-title {margin: 0 0 25px;}

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 177px 0 160px; }
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 130px;}

    .who-are-we-main { padding: 110px 0 90px; }
    .who-are-we-img-wrp { padding: 120px 0 50px; }

    .our-service-img { max-width: 179px; height: 107px; }
    .service-content .section-title { margin: 0 0 15px; }
    .service-content {height: calc(100% - 133px);}

    .coffee-competence-main .banner-title { max-width: 447px; margin: 0 auto 80px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 95px; }
    .quality-assurance-wrp { margin: -240px 0 0; }
    .coffee-competence-wrp { padding: 62px 0 330px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }

    .hocofco-group-img .main-title {top: 150px;}
    .hocofco-content {padding: 54px 60px 55px 80px;}
    .hocofco-content .orange-link {left: 80px;}
    .hocofco-content .small-detail { padding: 0 0 60px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 40px;}

    .work-with-us-section .work-title { padding: 0 0 40px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 60px; }
    .history-img .history-title {margin: -60px 0 0;}

    .history-1994-wrp { padding: 240px 0 70px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -60px -100px 0 0;}
    .history-2000-wrp .history-1987-content { margin: 107px 0 0 100px; }

    .history-2015-wrp .history-img .history-title {left: -216px;}
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -44px; }
    .our-steps-main .row>* { padding: 0 44px; }
    .details-main .details-row { padding: 0 0 100px; }
    .our-steps-wrp { padding: 42px 0 60px; }

    .certification-main { margin: 0; }
    .craft-partnership-wrp .block-title { margin: 0 0 110px; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 60px 0 140px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0 0 0 -15px; }
    .supply-chain-wrp { padding: 140px 0 150px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0 -20px 0 0; }
    .community-wrp { padding: 120px 0 40px; }
    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0 110px 0 0; }
    .guatemala-page .inner-banner-main { bottom: 110px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 96px 30px 25px 110px;}
    .continent-coffee-details {padding: 0 70px 0 0;}
    .organic-logos ul { padding: 30px 0 0; }
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -45px; }
    .news-row .row>* { padding: 0 45px; }
    .news-wrp { padding: 110px 0 80px; }
    .news-main .news-row { padding: 0 0 70px; }
    .news-wrp .load-more { padding: 60px 0 0; }
    /* News Page End */

    .cta-calendar .btn-outline {
        position: relative;
        right: 20px;
    }

    .cta-calendar .section-title {
        font-size: 42px;
        line-height: 46px;
        padding-top: 8px;
    }
}

@media (min-width: 1300px) and (max-width: 1399px) {
    /* Common Style Start */
    .banner-title { font-size: 56px; line-height: 62px; }
    .block-title { font-size: 36px; line-height: 42px; }
    .common-detail { font-size: 22px; line-height: 34px; }
    body { font-size: 22px; line-height: 34px; }
    .section-title { font-size: 48px; line-height: 50px; }
    .main-title {font-size: 55px; line-height: 55px;}
    .history-title {font-size: 130px; line-height: 150px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 700px;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 120px 95px 70px;}
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 30px; }
    .about-section .block-title { margin: 0 0 30px; }
    .about-section .common-detail p { margin: 0px 0 28px; }
    .about-wrp { padding: 90px 0 80px; }

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 40px 0 0; }
    .competence-main .competence-title { margin: 0 0 65px; }
    .competence-wrp { padding: 54px 0 280px; }
    .competence-title .sub-title { font-size: 50px; line-height: 50px; }

    .responsibility-section { padding: 70px 80px 45px; }
    .responsibility-section .section-title { margin: 0 0 25px; }
    .responsibility-section .common-detail { margin: 0 0 30px; }
    .responsibility-wrp { margin: -175px 0 0; }
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 100px; }
    .country-block {max-width: 550px; }
    .country-block .block-title {margin: 0 0 30px;}
    .country-block ul {margin: 0 0 35px;}
    .afrika-origins-section .country-block {padding: 40px 60px 40px 60px;}
    .origins-banner-wrp { padding: 250px 0 60px; }

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 177px 0 130px; }
    .asian-origin-main .country-block { padding: 40px 60px 50px; }
    .south-america-section .country-block { padding: 50px 60px 40px; }
    .central-america-section .country-block { padding: 50px 60px 50px; height: calc(100% - 487px); }
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 80px;}

    .who-are-we-main { padding: 90px 0 90px; }
    .who-are-we-img-wrp { padding: 100px 0 50px; }
    .who-are-we-section .section-title { margin: 0 0 30px; }
    .who-are-we-section .common-detail p { padding: 0 0 25px; }
    .who-are-we-img .who-are-coffee { width: 240px; height: 240px; top: -150px;}

    .our-service-img { max-width: 160px; height: 88px; }
    .service-content .section-title { margin: 0 0 12px; }
    .service-content {height: calc(100% - 114px);}
    .our-services-wrp { padding: 45px 0 60px; }

    .coffee-competence-main .banner-title { max-width: 340px; margin: 0 auto 60px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 60px; }
    .quality-assurance-wrp { margin: -180px 0 0; padding: 0 0 50px;}
    .coffee-competence-wrp { padding: 50px 0 260px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }
    .coffee-competence-section { padding: 0 0 50px; }
    .coffee-competence-inner { padding: 50px 0 0; }
    .quality-assurance-detail .row>*:last-child .competence-content { margin: 0 0 0; }

    .logistic-wrp { padding: 100px 0 100px; }
    .logistic-main .logistic-section { padding: 0 0 90px }

    .advice-wrp .logistic-img img {height: auto;}
    .advice-wrp { padding: 80px 0 80px; }

    .hocofco-group-img .main-title {top: 150px;}
    .hocofco-content {padding: 40px 40px 40px 50px;}
    .hocofco-content .orange-link {left: 50px;}
    .hocofco-content .small-detail { padding: 0 0 60px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 30px; height: 90px;}
    .hocofco-group-section { margin-top: -240px; }

    .work-with-us-section .work-title { padding: 0 0 40px; }
    .work-with-us-wrp { padding: 80px 0 50px; }
    .work-with-us-section .sub-title { margin: 0 0 -20px -175px; }

    .interest-beans-main .interest-beans-section { padding: 0 0 80px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 50px; }
    .history-1987-wrp { padding: 110px 0 60px; }
    .history-1992-wrp { padding: 70px 0 0; }
    .history-img .history-title {margin: -60px 0 0;}

    .history-middle-wrp { margin: 0 0 -55px; }
    .history-1994-wrp { padding: 180px 0 70px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -55px -80px 0 0;}
    .history-2000-wrp .history-1987-content { margin: 50px 0 0 80px; }
    .history-2000-wrp { padding: 60px 0 23px; }

    .history-2015-wrp .history-img .history-title {left: -176px;}

    .ict-section .ict-img { margin: 0 0 50px; }

    .history-2017-wrp .history-2017-title img {width: 220px; top: -20px;}
    .history-2017-wrp .history-1987-content .common-detail { margin: 0; }
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -35px; }
    .our-steps-main .row>* { padding: 0 35px; }
    .details-main .details-row { padding: 0 0 90px; }
    .our-steps-wrp { padding: 42px 0 50px; }
    .our-steps-block .common-detail span {font-size: 54px; line-height: 58px;}

    .certification-main { margin: 0; }
    .certification-main .details-content {margin-left: 10px;}
    .certification-img { margin: 0 40px 0 0; }

    .our-certification-wrp { padding: 30px 0 40px; }
    .certificate-logo { padding: 0 30px; }
    .our-certification-section {margin: 0 -30px;}
    .our-certification-main .common-detail { margin: 0 0 40px; }

    .craft-partnership-wrp .block-title { margin: 0 0 90px; }
    .craft-detail { margin: 0px 0 0 60px; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 60px 0 120px; }
    .how-works-detail .small-detail ol { margin: 0 0 45px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0; }
    .supply-chain-wrp { padding: 110px 0 110px; }
    .supply-chain-wrp .details-content .block-title { margin: 0 0 30px; }
    .supply-chain-wrp .details-content .small-detail p { padding: 0 0 25px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0; }
    .community-wrp { padding: 110px 0 40px; }

    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0 80px 0 0; }
    .projects-main .projects-row { padding: 0 0 70px; }
    .projects-content .block-title { margin: 0 0 25px; }
    .projects-content .btn-links { padding: 60px 0 0; }
    .guatemala-page .inner-banner-main { bottom: 80px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 70px 30px 25px 70px; margin: -270px 0 0;}
    .continent-top-details .continent-map {right: 30px; top: 30px;}
    .continent-coffee-details {padding: 0 70px 0 0;}
    .organic-logos ul { padding: 30px 0 0; }
    .continent-top-details .block-title { margin: 0 0 30px; }
    .continent-coffee-details .continent-coffee-content { margin: 0 0 40px; }
    .continent-title {font-size: 28px; line-height: 38px;}
    .ethiopia-section { padding: 90px 0 70px; }
    .ethiopia-section .ethiopia-row { padding: 0 0 70px; }
    .continent-bnr-wrp { padding: 270px 0 94px; }
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -35px; }
    .news-row .row>* { padding: 0 35px; }
    .news-wrp { padding: 100px 0 80px; }
    .news-main .news-row { padding: 0 0 70px; }
    .news-wrp .load-more { padding: 50px 0 0; }
    .news-paper-icon {margin: -10px 0 0; width: 140px;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-main {top: 60%;}
    .contact-section .logo img { width: 140px; }
    .contact-section .block-title { margin: 0 0 30px; }
    .contact-section ul { padding: 0 0 40px; }
    .contact-section .detail p { margin: 0 0 40px; }
    .contact-wrp { padding: 80px 0 80px; }
    /* Contact Page End */

    /* News Detail Page Start */
    .news-detail-main { padding: 0 0 0 30px; }
    .news-detail-content .orange-link {margin: 0 0 30px;}
    .news-detail-content .section-title { margin: 0 0 25px; }
    .news-detail-content .common-detail ul { padding: 0 0 20px; }
    .news-detail-content .details p {margin: 0 0 20px;}
    .news-detail-main .row { margin: 0 -30px; }
    .news-detail-main .row>* { padding: 0 30px; }
    .news-detail-wrp { padding: 41px 0 50px; }
    .more-articles-wrp { padding: 180px 0 0; }
    /* News Detail Page End */

    /* Imprint Page Start */
    .pl-126 { padding-left: 100px; }
    .news-bnr-section { padding: 0 0 0 100px; }
    /* Imprint Page End */

    /* Footer Start */
    .footer::before {width: 170px; height: 196px;}
    .footer::after {width: 187px; height: 109px;}
    .footer-section .row {justify-content: center;}
    .footer-section .row>*:nth-child(3) .footer-main-links {margin: 0 0 0 20px;}
    .footer-section .row>*:last-child .footer-main-links {margin: 0 0 0 60px;}
    .copyright p {line-height: 22px;}
    .footer-contact-block .social-media { padding: 0 0 20px; }
    /* Footer End */

    .cta-calendar .btn-outline {
        right: 15px;
        position: relative;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-top: 35px;
    }
    .cta-calendar .section-title {
        font-size: 36px;
        line-height: 39px;
        padding-top: 15px;
        padding-left: 31px;
    }
    .cta-calendar__icon {
        top: -37px;
        left: 1px;
    }
}

@media (min-width: 1200px) and (max-width: 1299px) {
    /* Common Style Start */
    .banner-title { font-size: 56px; line-height: 62px; }
    .block-title { font-size: 36px; line-height: 42px; }
    .common-detail { font-size: 20px; line-height: 30px; }
    body { font-size: 22px; line-height: 34px; }
    .section-title { font-size: 48px; line-height: 50px; }
    .main-title {font-size: 55px; line-height: 55px;}
    .history-title {font-size: 130px; line-height: 150px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 700px;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 120px 95px 70px;}
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 30px; }
    .about-section .block-title { margin: 0 0 30px; }
    .about-section .common-detail p { margin: 0px 0 28px; }
    .about-wrp { padding: 90px 0 80px; }

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 40px 0 0; }
    .competence-main .competence-title { margin: 0 0 65px; }
    .competence-wrp { padding: 54px 0 280px; }
    .competence-title .sub-title { font-size: 50px; line-height: 50px; }

    .responsibility-section { padding: 70px 80px 45px; }
    .responsibility-section .section-title { margin: 0 0 25px; }
    .responsibility-section .common-detail { margin: 0 0 30px; }
    .responsibility-wrp { margin: -175px 0 0; }

    .coffee-originates-wrp { padding: 100px 0 90px; }
    .coffee-originates-content { margin: 0 0 0 70px; }
    .coffee-originates-content .section-title { margin: 0 0 25px; }
    .coffee-originates-content .common-detail { margin: 0 0 30px; }

    .coffee-news-wrp { padding: 100px 0 110px; }
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 100px; }
    .country-block {max-width: 550px; }
    .country-block .block-title {margin: 0 0 30px;}
    .country-block ul {margin: 0 0 35px;}
    .afrika-origins-section .country-block {padding: 40px 60px 40px 60px;}
    .origins-banner-wrp { padding: 250px 0 60px; }

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 177px 0 130px; }
    .asian-origin-main .country-block { padding: 40px 60px 50px; }
    .south-america-section .country-block { padding: 50px 60px 40px; }
    .central-america-section .country-block { padding: 50px 60px 50px; height: calc(100% - 487px); }
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 80px;}

    .who-are-we-main { padding: 90px 0 90px; }
    .who-are-we-img-wrp { padding: 100px 0 50px; }
    .who-are-we-section .section-title { margin: 0 0 30px; }
    .who-are-we-section .common-detail p { padding: 0 0 25px; }
    .who-are-we-img .who-are-coffee { width: 240px; height: 240px; top: -150px;}

    .our-service-img { max-width: 160px; height: 88px; }
    .service-content .section-title { margin: 0 0 12px; }
    .service-content {height: calc(100% - 114px);}
    .our-services-wrp { padding: 45px 0 60px; }

    .coffee-competence-main .banner-title { max-width: 340px; margin: 0 auto 60px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 60px; }
    .quality-assurance-wrp { margin: -180px 0 0; padding: 0 0 50px;}
    .coffee-competence-wrp { padding: 50px 0 260px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }
    .coffee-competence-section { padding: 0 0 50px; }
    .coffee-competence-inner { padding: 50px 0 0; }
    .quality-assurance-detail .row>*:last-child .competence-content { margin: 0 0 0; }

    .logistic-wrp { padding: 100px 0 100px; }
    .logistic-main .logistic-section { padding: 0 0 90px }

    .advice-wrp .logistic-img img {height: auto;}
    .advice-wrp { padding: 80px 0 80px; }

    .hocofco-group-img .main-title {top: 150px;}
    .hocofco-content {padding: 40px 40px 40px 50px;}
    .hocofco-content .orange-link {left: 50px;}
    .hocofco-content .small-detail { padding: 0 0 60px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 30px; height: 90px;}
    .hocofco-group-section { margin-top: -240px; }

    .work-with-us-section .work-title { padding: 0 0 40px; }
    .work-with-us-wrp { padding: 80px 0 50px; }
    .work-with-us-section .sub-title { margin: 0 0 -20px -175px; }

    .interest-beans-main .interest-beans-section { padding: 0 0 80px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 50px; }
    .history-1987-wrp { padding: 110px 0 60px; }
    .history-1992-wrp { padding: 70px 0 0; }
    .history-img .history-title {margin: -60px 0 0;}

    .history-middle-wrp { margin: 0 0 -55px; }
    .history-1994-wrp { padding: 180px 0 70px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -55px -80px 0 0;}
    .history-2000-wrp .history-1987-content { margin: 50px 0 0 80px; }
    .history-2000-wrp { padding: 60px 0 23px; }

    .history-2015-wrp .history-img .history-title {left: -176px;}

    .ict-section .ict-img { margin: 0 0 50px; }

    .history-2017-wrp .history-2017-title img {width: 220px; top: -20px;}
    .history-2017-wrp .history-1987-content .common-detail { margin: 0; }
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -35px; }
    .our-steps-main .row>* { padding: 0 35px; }
    .details-main .details-row { padding: 0 0 90px; }
    .our-steps-wrp { padding: 42px 0 50px; }
    .our-steps-block .common-detail span {font-size: 54px; line-height: 58px;}

    .certification-main { margin: 0; }
    .certification-main .details-content {margin-left: 10px;}
    .certification-img { margin: 0 40px 0 0; }

    .our-certification-wrp { padding: 30px 0 40px; }
    .certificate-logo { padding: 0 30px; }
    .our-certification-section {margin: 0 -30px;}
    .our-certification-main .common-detail { margin: 0 0 40px; }

    .craft-partnership-wrp .block-title { margin: 0 0 90px; }
    .craft-detail { margin: 0px 0 0 60px; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 60px 0 120px; }
    .how-works-detail .small-detail ol { margin: 0 0 45px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0; }
    .supply-chain-wrp { padding: 110px 0 110px; }
    .supply-chain-wrp .details-content .block-title { margin: 0 0 30px; }
    .supply-chain-wrp .details-content .small-detail p { padding: 0 0 25px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0; }
    .community-wrp { padding: 110px 0 40px; }
    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0 80px 0 0; }
    .projects-main .projects-row { padding: 0 0 70px; }
    .projects-content .block-title { margin: 0 0 25px; }
    .projects-content .btn-links { padding: 60px 0 0; }
    .guatemala-page .inner-banner-main { bottom: 80px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 70px 30px 25px 70px; margin: -270px 0 0;}
    .continent-top-details .continent-map {right: 30px; top: 30px;}
    .continent-coffee-details {padding: 0 70px 0 0;}
    .organic-logos ul { padding: 30px 0 0; }
    .continent-top-details .block-title { margin: 0 0 30px; }
    .continent-coffee-details .continent-coffee-content { margin: 0 0 40px; }
    .continent-title {font-size: 28px; line-height: 38px;}
    .ethiopia-section { padding: 90px 0 70px; }
    .ethiopia-section .ethiopia-row { padding: 0 0 70px; }
    .continent-bnr-wrp { padding: 270px 0 94px; }
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -35px; }
    .news-row .row>* { padding: 0 35px; }
    .news-wrp { padding: 100px 0 80px; }
    .news-main .news-row { padding: 0 0 70px; }
    .news-wrp .load-more { padding: 50px 0 0; }
    .news-paper-icon {margin: -10px 0 0; width: 140px;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-main {top: 60%;}
    .contact-section .logo img { width: 140px; }
    .contact-section .block-title { margin: 0 0 30px; }
    .contact-section ul { padding: 0 0 40px; }
    .contact-section .detail p { margin: 0 0 40px; }
    .contact-wrp { padding: 80px 0 80px; }
    /* Contact Page End */

    /* News Detail Page Start */
    .news-detail-main { padding: 0 0 0 30px; }
    .news-detail-content .orange-link {margin: 0 0 30px;}
    .news-detail-content .section-title { margin: 0 0 25px; }
    .news-detail-content .common-detail ul { padding: 0 0 20px; }
    .news-detail-content .details p {margin: 0 0 20px;}
    .news-detail-main .row { margin: 0 -30px; }
    .news-detail-main .row>* { padding: 0 30px; }
    .news-detail-wrp { padding: 41px 0 50px; }
    /* News Detail Page End */

    /* Imprint Page Start */
    .pl-126 { padding-left: 100px; }
    .news-bnr-section { padding: 0 0 0 100px; }
    /* Imprint Page End */

    /* Footer Start */
    .footer::before {width: 170px; height: 196px;}
    .footer::after {width: 187px; height: 109px;}
    .footer-section .row {justify-content: center;}
    .footer-section .row>*:nth-child(3) .footer-main-links {margin: 0 0 0 20px;}
    .footer-section .row>*:last-child .footer-main-links {margin: 0 0 0 60px;}
    .copyright p {line-height: 22px;}
    .footer-contact-block .social-media { padding: 0 0 20px; }
    /* Footer End */

    .cta-calendar .btn-outline {
        right: 15px;
        position: relative;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-top: 35px;
    }
    .cta-calendar .section-title {
        font-size: 36px;
        line-height: 39px;
        padding-top: 15px;
        padding-left: 31px;
    }
    .cta-calendar__icon {
        top: -37px;
        left: 1px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* Common Style Start */
    .banner-title { font-size: 52px; line-height: 60px; }
    .block-title { font-size: 34px; line-height: 40px; }
    .common-detail { font-size: 18px; line-height: 30px; }
    body { font-size: 18px; line-height: 30px; }
    .sub-title { font-size: 42px; line-height: 56px; }
    .section-title { font-size: 40px; line-height: 46px; }
    .btn { font-size: 18px; line-height: 24px; }
    .main-title {font-size: 46px; line-height: 46px;}
    .small-detail {font-size: 18px; line-height: 28px;}
    .history-title {font-size: 110px; line-height: 130px;}
    .common-list ul li {font-size: 18px; line-height: 24px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 550px;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 111px 70px 50px;}
    .header .navbar-collapse .section-title { margin: 0 0 40px; }
    .header .navbar-nav .nav-item { padding: 15px 0; }
    .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after {margin: 0 0 0 150px;}
    .header .header-bottom { padding: 30px 0 0; }
    .header .navbar-nav .mega-menu-details h3, .header .navbar-nav .mega-menu-details h4 {word-break: break-all;}
    .header .navbar-nav .mega-menu-details { padding: 0 0 40px; }
    .header .navbar-brand {width: 80px;}
    .header .navbar-toggler span { width: 36px; height: 2px; }
    .header .dropdown-toggle .right-arrow {width: 25px;}
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 30px; }
    .banner-main {bottom: 80px;}
    .about-section .block-title { margin: 0 0 25px; }
    .about-section .common-detail p { margin: 0px 0 20px; }
    .about-wrp { padding: 80px 0 70px; }
    .about-section::after {width: 230px; height: 230px;}

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 30px 0 0; }
    .competence-main .competence-title { margin: 0 0 45px; }
    .competence-wrp { padding: 54px 0 250px; }
    .competence-title .sub-title { font-size: 44px; line-height: 46px; }

    .responsibility-section { padding: 60px 60px 45px; }
    .responsibility-section .section-title { margin: 0 0 25px; }
    .responsibility-section .common-detail { margin: 0 0 30px; }
    .responsibility-wrp { margin: -160px 0 0; }

    .coffee-originates-wrp { padding: 80px 0 80px; }
    .coffee-originates-content { margin: 0 0 0 50px; }
    .coffee-originates-content .section-title { margin: 0 0 20px; }
    .coffee-originates-content .common-detail { margin: 0 0 25px; }

    .coffee-news-wrp { padding: 90px 0 90px; }
    .coffee-news-content .section-title { margin: 0 0 22px; }
    .coffee-news-content .common-detail b {padding: 0 0 20px;}
    .coffee-news-content .common-detail p { padding: 0 0 22px; }
    .coffee-news-content {margin: 0 0 0 40px;}
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 50px; }
    .country-block { max-width: 470px; }
    .country-block .block-title {margin: 0 0 20px;}
    .country-block ul {margin: 0 0 30px;}
    .afrika-origins-section .country-block {padding: 40px 40px 40px 40px;}
    .origins-banner-wrp { padding: 230px 0 60px; }
    .origins-banner-main .map-img img {width: 760px;}
    .origins-banner-section .banner-title { margin: 0 0 25px; }
    .afrika-origins-wrp { padding: 70px 0; }

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 177px 0 110px; }
    .asian-origin-main .country-block { padding: 40px 55px 50px; }
    .south-america-section .country-block { padding: 40px; }
    .central-america-section .country-block { padding: 40px; height: calc(100% - 407px); }
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 80px;}

    .who-are-we-main { padding: 80px 0 80px; }
    .who-are-we-img-wrp { padding: 80px 0 50px; }
    .who-are-we-section .section-title { margin: 0 0 20px; }
    .who-are-we-section .common-detail p { padding: 0 0 25px; }
    .who-are-we-img .who-are-coffee { width: 220px; height: 220px; top: -150px; left: 224px;}

    .our-service-img { max-width: 130px; height: 68px; }
    .service-content .section-title { margin: 0 0 12px; }
    .service-content {height: calc(100% - 94px);}
    .our-services-wrp { padding: 45px 0 50px; }
    .our-services-main .row { margin: 0 -22px; }
    .our-services-main .row>* { padding: 0 22px; }
    .service-content::after {right: -22px;}

    .coffee-competence-main .banner-title { max-width: 340px; margin: 0 auto 50px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 30px; }
    .quality-assurance-wrp { margin: -150px 0 0; padding: 0 0 40px;}
    .coffee-competence-wrp { padding: 40px 0 200px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }
    .coffee-competence-section { padding: 0 0 30px; }
    .coffee-competence-inner { padding: 40px 0 0; }
    .quality-assurance-detail .row>*:last-child .competence-content { margin: 0 0 0; }
    .coffee-competence-inner .competence-content .common-detail { font-size: 18px; line-height: 28px; }
    .coffee-competence-inner .competence-content .common-detail p { padding: 0 0 25px; }

    .logistic-wrp { padding: 80px 0; }
    .logistic-main .logistic-section { padding: 0 0 70px }

    .advice-wrp .logistic-img img {height: auto;}
    .advice-wrp { padding: 70px 0 60px; }

    .hocofco-group-img .main-title {top: 100px;}
    .hocofco-content {padding: 40px 40px 40px 50px;}
    .hocofco-content .orange-link {left: 50px; bottom: 35px;}
    .hocofco-content .small-detail { padding: 0 0 60px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 30px; height: 70px;}
    .hocofco-group-section { margin-top: -240px; }

    .work-with-us-section .work-title { padding: 0 0 35px; }
    .work-with-us-wrp { padding: 70px 0 40px; }
    .work-with-us-section .sub-title { margin: 0 0 -20px -175px; }

    .interest-beans-main .interest-beans-section { padding: 0 0 70px; }
    .interest-beans-wrp { padding: 55px 0 80px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 35px; }
    .history-1987-wrp { padding: 90px 0 50px; }
    .history-1992-wrp { padding: 60px 0 0; }
    .history-img .history-title {margin: -45px 0 0;}

    .history-middle-wrp { margin: 0; }
    .history-1994-wrp { padding: 130px 0 50px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0; margin-left: 80px;}
    .history-middle-wrp .history-1987-content { padding: 30px 0 0; }
    .history-middle-wrp .history-img {position: relative; top: 40px;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -45px -65px 0 0;}
    .history-2000-wrp .history-1987-content { margin: 40px 0 0 50px; }
    .history-2000-wrp { padding: 40px 0 23px; }

    .history-2015-wrp .history-img .history-title {left: -147px;}
    .history-2015-wrp .history-1987-content { padding: 40px 0 0; }

    .ict-section .ict-img { margin: 0 0 40px; }
    .ict-wrp { padding: 40px 0 0; }

    .history-2017-wrp .history-2017-title img {width: 200px; top: -20px;}
    .history-2017-wrp { padding: 40px 0 23px; }
    .history-2017-wrp .history-1987-content .common-detail {margin: 0;}
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -22px; }
    .our-steps-main .row>* { padding: 0 22px; }
    .details-main .details-row { padding: 0 0 80px; }
    .our-steps-wrp { padding: 40px 0 40px; }
    .our-steps-block .common-detail span {font-size: 54px; line-height: 58px;}
    .details-wrp { padding: 70px 0 30px; }
    .details-content .common-detail p { padding: 0 0 25px; }
    .details-row .row {margin: 0 -22px;}
    .details-row .row>* {padding: 0 22px;}
    .details-content .block-title { margin: 0 0 22px; }
    .btn-links ul li { font-size: 18px; line-height: 30px; }
    .details-content .carbon-neutral-logo { padding: 5px 0 0; }
    .our-steps-block { height: calc(100% - 40px); margin-bottom: 40px; }

    .certification-main { margin: 0; }
    .certification-main .details-content {margin-left: 10px;}
    .certification-img { margin: 0 40px 0 0; }
    .certification-wrp { padding: 80px 0 30px; }

    .our-certification-wrp { padding: 30px 0 35px; }
    .certificate-logo { padding: 0 20px; }
    .our-certification-section {margin: 0 -20px;}
    .our-certification-main .common-detail { margin: 0 0 30px; }

    .craft-partnership-wrp .block-title { margin: 0 0 70px; }
    .craft-detail { margin: 0px 0 0 30px; }
    .craft-partnership-wrp { padding: 50px 0; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 50px 0 100px; }
    .how-works-detail .small-detail ol { margin: 0 0 35px; }
    .how-works-main .row {align-items: flex-start;}
    .how-works-detail .small-detail { line-height: 28px; }
    .how-works-detail .small-detail p { padding: 0 0 18px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0; }
    .supply-chain-wrp { padding: 110px 0 110px; }
    .supply-chain-wrp .details-content .block-title { margin: 0 0 30px; }
    .supply-chain-wrp .details-content .small-detail p { padding: 0 0 25px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0; }
    .community-wrp { padding: 90px 0 40px; }

    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0 60px 0 0; }
    .projects-main .projects-row { padding: 0 0 70px; }
    .projects-content .block-title { margin: 0 0 25px; }
    .projects-content .btn-links { padding: 60px 0 0; }
    .projects-wrp { padding: 122px 0 80px; }
    .guatemala-page .inner-banner-main { bottom: 80px; }
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 70px 30px 25px 70px; margin: -220px 0 0;}
    .continent-top-details .continent-map {right: 30px; top: 30px; max-width: 172px; height: 110px;}
    .continent-coffee-details {padding: 0 50px 0 0;}
    .organic-logos ul { padding: 25px 0 0; }
    .continent-top-details .block-title { margin: 0 0 30px; }
    .continent-coffee-details .continent-coffee-content { margin: 0 0 35px; }
    .continent-title {font-size: 26px; line-height: 30px;}
    .ethiopia-section { padding: 80px 0 55px; }
    .ethiopia-section .ethiopia-row { padding: 0 0 60px; }
    .continent-bnr-wrp { padding: 250px 0 70px; }
    .continent-bnr-section .section-title { margin: 0 0 30px; }
    .continent-bnr-section { padding: 0 0 0 100px; }
    .continent-bnr-img img {height: 450px;}
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -22px; }
    .news-row .row>* { padding: 0 22px; }
    .news-wrp { padding: 80px 0 70px; }
    .news-content .block-title { padding: 8px 0 12px; }
    .news-content .common-detail { padding: 15px 0 25px; }
    .news-content .btn {padding: 10px 30px;}
    .news-main .news-row { padding: 0 0 70px; }
    .news-wrp .load-more { padding: 50px 0 0; }
    .news-bnr-wrp { padding: 240px 0 65px; }
    .news-bnr-section { padding: 0 0 0 85px; }
    .news-bnr-section .banner-title { margin: 0 0 25px; }
    .news-bnr-section .small-detail p { padding: 0 0 25px; }
    .news-paper-icon {margin: -10px 0 0; width: 140px;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-main {top: 60%;}
    .contact-section .logo img { width: 120px; }
    .contact-section .block-title { margin: 0 0 20px; }
    .contact-section ul { padding: 0 0 30px; }
    .contact-section .detail p { margin: 0 0 40px; }
    .contact-wrp { padding: 80px 0 70px; }
    .contact-main { padding: 0 0 0 60px; }
    .contact-section .logo { margin: 0 0 35px; }
    /* Contact Page End */

    /* News Detail Page Start */
    .news-detail-main { padding: 0 0 0 20px; }
    .news-detail-content .orange-link {margin: 0 0 20px;}
    .news-detail-content .section-title { margin: 0 0 20px; }
    .news-detail-content .common-detail ul { padding: 0 0 15px; }
    .news-detail-content .details p {margin: 0 0 20px; font-size: 18px; line-height: 28px;}
    .more-articles-wrp .common-detail { padding: 0 0 20px; }
    .news-detail-content .details img { padding: 10px 0 10px; }
    .news-detail-main .row { margin: 0 -22px; }
    .news-detail-main .row>* { padding: 0 22px; }
    .news-detail-wrp { padding: 41px 0 40px; }
    /* News Detail Page End */

    /* Imprint Page Start */
    .pl-126 { padding-left: 70px; }
    .news-bnr-section { padding: 0 0 0 70px; }
    /* Imprint Page End */

    /* Footer Start */
    .footer::before {width: 120px; height: 136px;}
    .footer::after {width: 167px; height: 99px;}
    .footer-section .row {justify-content: center;}
    .footer-section .row>*:nth-child(3) .footer-main-links { margin: 0 0 0 10px; }
    .copyright p {line-height: 22px;}
    .footer-contact-block .social-media { padding: 0 0 20px; }
    .footer-section .row>*:last-child .footer-main-links { margin: 0; }
    .footer-section .row>*:last-child .footer-main-links .footer-links ul {padding: 0;}
    .footer-contact-block { margin: 0px 0 0 0; }
    .footer-links ul li a {word-break: break-all;}
    /* Footer End */

    .cta-calendar .btn-outline {
        right: 15px;
        position: relative;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-top: 29px;
    }
    .cta-calendar .section-title {
        font-size: 28px;
        line-height: 31px;
        padding-top: 21px;
        padding-left: 31px;
    }
    .cta-calendar__icon {
        width: 130px;
        top: -27px;
        left: 1px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    /* Common Style Start */
    .banner-title { font-size: 50px; line-height: 56px; }
    .block-title { font-size: 32px; line-height: 40px; }
    .common-detail { font-size: 18px; line-height: 26px; }
    body { font-size: 18px; line-height: 30px; }
    .btn { font-size: 18px; line-height: 25px; padding: 11px 40px 8px 40px; }
    .sub-title { font-size: 38px; line-height: 50px; }
    .section-title { font-size: 34px; line-height: 38px; }
    .common-list ul li {font-size: 18px; line-height: 24px;}
    .main-title {font-size: 35px; line-height: 35px;}
    .small-detail {font-size: 18px; line-height: 28px;}
    .history-title {font-size: 90px; line-height: 110px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 550px;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 111px 70px 50px;}
    .header .navbar-collapse .section-title { margin: 0 0 40px; }
    .header .navbar-nav .nav-item { padding: 15px 0; }
    .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after {margin: 0 0 0 150px;}
    .header .header-bottom { padding: 30px 0 0; }
    .header .navbar-nav .mega-menu-details h3, .header .navbar-nav .mega-menu-details h4 {word-break: break-all;}
    .header .navbar-nav .mega-menu-details { padding: 0 0 40px; }
    .header {padding: 30px 0;}
    .header .navbar-nav .nav-item .nav-link { font-size: 20px; line-height: 28px; }
    .header .navbar-brand {width: 80px;}
    .header .navbar-toggler span { width: 36px; height: 2px; }
    .header .dropdown-toggle .right-arrow {width: 22px;}
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 0 30px; }
    .banner-main {bottom: 50px;}
    .about-section .block-title { margin: 0 0 20px; }
    .about-section .common-detail p { margin: 0px 0 20px; }
    .about-wrp { padding: 70px 0 60px; }
    .about-section::after {width: 200px; height: 200px;}

    .competence-slider {padding: 0 0 80px;}
    .competence-img { margin: 0 30px 0 0; }
    .competence-main .competence-title { margin: 0 0 40px; }
    .competence-wrp { padding: 54px 0 250px; }
    .competence-title .sub-title { font-size: 40px; line-height: 40px; }
    .competence-content .import-arrow { margin: 0 0 16px; }
    .competence-content .block-title { margin: 0 0 20px; }

    .responsibility-section { padding: 60px 60px 45px; }
    .responsibility-section .section-title { margin: 0 0 25px; }
    .responsibility-section .common-detail { margin: 0 0 30px; }
    .responsibility-wrp { margin: -160px 0 0; }

    .coffee-originates-wrp { padding: 70px 0; }
    .coffee-originates-content { margin: 0 0 0 20px; }
    .coffee-originates-content .section-title { margin: 0 0 20px; }
    .coffee-originates-content .common-detail { margin: 0 0 25px; }

    .coffee-news-wrp { padding: 80px 0; }
    .coffee-news-content .section-title { margin: 0 0 22px; }
    .coffee-news-content .common-detail b {padding: 0 0 20px;}
    .coffee-news-content .common-detail p { padding: 0 0 22px; }
    .coffee-news-content {margin: 0 0 0 20px;}
    .coffee-news-img { margin: 0; }
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0 0 0 50px; }
    .country-block { max-width: 470px; text-align: center; }
    .country-block .block-title {margin: 0 0 20px; justify-content: center;}
    .country-block ul {margin: 0 0 30px; align-content: center; padding: 0; border-left: none;}
    .south-america-section .country-block ul li { width: auto; border-left: 1px solid #1B433E; padding: 0 0 0 19px; }
    .afrika-origins-section .country-block { padding: 40px 40px 40px 40px; position: relative; margin: 0 auto; top: 0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
    .origins-banner-wrp { padding: 180px 0 30px; }
    .origins-banner-main .map-img img {width: 760px;}
    .origins-banner-section .banner-title { margin: 0 0 25px; }
    .afrika-origins-wrp { padding: 40px 0; background-color: #F1F0E9; }
    .country-block ul li {text-align: left; font-size: 18px; line-height: 34px; border-left: 1px solid #1B433E; padding: 0 0 0 19px;}

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 20px 0 30px; background-color: #F1F0E9; }
    .asian-origin-main .country-block { padding: 40px 55px 50px; margin: 0 auto;}
    .asian-origin-img {max-width: 720px; margin: 0 auto;}
    .asian-origin-img img {height: 350px; object-fit: cover; font-family: "object-fit: cover";}
    .south-america-section .country-block { padding: 40px; max-width: 450px; margin: 0 auto; }
    .central-america-section .country-block { padding: 40px; height: auto;  max-width: 450px; margin: 0 auto; align-items: center;}
    .asian-origin-main {position: relative; bottom: 0;}
    .south-america-section {display: flex; flex-direction: column-reverse;}
    .south-america-section .country-block ul {flex-direction: column;}

    .origins-page .footer {background-color: #1B433E;}
    .origins-page .footer-section .block-title, .origins-page .footer-contact-block .detail ul li, .origins-page .social-media ul li, .origins-page .footer-links ul li, .origins-page .copyright p {color: #F1F0E9;}
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 50px;}

    .who-are-we-main { padding: 60px 0; }
    .who-are-we-img-wrp { padding: 80px 0 40px; }
    .who-are-we-section .section-title { margin: 0 0 20px; }
    .who-are-we-section .common-detail p { padding: 0 0 18px; }
    .who-are-we-img .who-are-coffee { width: 200px; height: 200px; top: -130px; left: 154px; }
    .who-are-we-section .sub-title { margin: 0 0 -17px -20px; }

    .our-service-img { max-width: 130px; height: 68px; }
    .service-content .section-title { margin: 0 0 12px; }
    .service-content {height: calc(100% - 94px);}
    .our-services-wrp { padding: 35px 0 30px; }
    .our-services-main .row { margin: 0 -22px; }
    .our-services-main .row>* { padding: 0 22px; }
    .service-content::after {right: -22px;}
    .out-services-block {margin-bottom: 50px; height: calc(100% - 40px);}

    .coffee-competence-main .banner-title { max-width: 340px; margin: 0 auto 40px; }
    .coffee-competence-section .competence-content { margin: 0 0 0 10px; }
    .quality-assurance-wrp { margin: -150px 0 0; padding: 0 0 30px;}
    .coffee-competence-wrp { padding: 20px 0 180px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 40px; }
    .coffee-competence-section { padding: 0 0 20px; }
    .coffee-competence-inner { padding: 20px 0 0; }
    .quality-assurance-detail .row>*:last-child .competence-content { margin: 0 0 0; }
    .coffee-competence-inner .competence-content .common-detail { font-size: 18px; line-height: 28px; }
    .coffee-competence-inner .competence-content .common-detail p { padding: 0 0 20px; }

    .logistic-wrp { padding: 60px 0 40px; }
    .logistic-main .logistic-section { padding: 0 0 50px }

    .advice-wrp .logistic-img img {height: auto;}
    .advice-wrp { padding: 60px 0 50px; }
    .advice-wrp .competence-content .import-arrow img {width: 60px;}

    .hocofco-group-img .main-title {top: 100px;}
    .hocofco-content {padding: 40px 40px 40px 40px;}
    .hocofco-content .orange-link {left: 40px; bottom: 35px; padding: 0;}
    .hocofco-content .small-detail { padding: 0 0 50px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 20px; height: 50px;}
    .hocofco-group-section { margin-top: -120px; }

    .work-with-us-section .work-title { padding: 0 0 35px; }
    .work-with-us-wrp { padding: 70px 0 40px; }
    .work-with-us-section .sub-title { margin: 0 0 -20px -175px; }

    .interest-beans-main .interest-beans-section { padding: 0 0 50px; }
    .interest-beans-wrp { padding: 40px 0 60px; }
    .interest-beans-content .small-detail ul { padding-top: 20px; }
    .interest-beans-content .small-detail ul li ul {padding-bottom: 20px;}
    .interest-beans-content .block-title { margin: 0 0 20px; }
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0 0 35px; }
    .history-1987-wrp { padding: 70px 0 40px; }
    .history-1992-wrp { padding: 50px 0 0; }
    .history-img .history-title {margin: -40px 0 0;}

    .history-middle-wrp { margin: 40px 0; }
    .history-1994-wrp { padding: 60px 0 40px; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0; margin-left: 80px;}
    .history-middle-wrp .history-1987-content { padding: 0; }
    .history-middle-wrp .history-img {position: relative; top: 40px;}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: -40px -55px 0 0;}
    .history-2000-wrp .history-1987-content { margin: 0 0 0 50px; }
    .history-2000-wrp { padding: 40px 0 23px; }

    .history-2015-wrp .history-img .history-title {left: -97px;}
    .history-2015-wrp .history-1987-content { padding: 20px 0 0; }
    .history-2015-wrp { padding: 23px 0 40px; }

    .ict-section .ict-img { margin: 0 0 35px; }
    .ict-wrp { padding: 40px 0 0; }

    .history-2017-wrp .history-2017-title img {width: 170px; top: -20px;}
    .history-2017-wrp { padding: 40px 0 23px; }
    .history-2017-wrp .history-1987-content .common-detail {margin: 0;}
    .history-2020-wrp { padding: 24px 0 60px; }
    .history-2020-wrp .history-img .history-title {top: 50px;}
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -22px; }
    .our-steps-main .row>* { padding: 0 22px; }
    .details-main .details-row { padding: 0 0 60px; }
    .our-steps-wrp { padding: 40px 0 40px; }
    .our-steps-block .common-detail span {font-size: 54px; line-height: 58px;}
    .details-wrp { padding: 60px 0 30px; }
    .details-content .common-detail p { padding: 0 0 25px; }
    .details-row .row {margin: 0 -22px;}
    .details-row .row>* {padding: 0 22px;}
    .details-content .block-title { margin: 0 0 22px; }
    .btn-links ul li { font-size: 18px; line-height: 30px; }
    .details-content .carbon-neutral-logo { padding: 5px 0 0; }
    .our-steps-block { height: calc(100% - 40px); margin-bottom: 40px; }
    .details-content .btn-white-border {font-size: 16px; line-height: 22px; padding: 11px 24px;}
    .details-content .common-list ul li ul { padding: 0 0 0 30px; }
    .details-content .btn-links { padding: 25px 0 0; }

    .certification-main { margin: 0; }
    .certification-main .details-content {margin-left: 0;}
    .certification-img { margin: 0 10px 0 0; }
    .certification-wrp { padding: 60px 0 30px; }

    .our-certification-wrp { padding: 20px 0 30px; }
    .certificate-logo { padding: 0 15px; }
    .our-certification-section {margin: 0 -15px;}
    .our-certification-main .common-detail { margin: 0 0 25px; }

    .craft-partnership-wrp .block-title { margin: 0 0 50px; }
    .craft-detail { margin: 0px 0 0 10px; }
    .craft-partnership-wrp { padding: 40px 0; }

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 40px 0 80px; }
    .how-works-detail .small-detail ol { margin: 0 0 35px; }
    .how-works-main .row {align-items: flex-start;}
    .how-works-detail .small-detail { line-height: 28px; }
    .how-works-detail .small-detail p { padding: 0 0 18px; }

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0; }
    .supply-chain-wrp { padding: 80px 0 70px; }
    .supply-chain-wrp .details-content .block-title { margin: 0 0 25px; }
    .supply-chain-wrp .details-content .small-detail p { padding: 0 0 25px; }
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0; }
    .community-wrp { padding: 70px 0 30px; }
    .nueva-community-wrp { padding: 30px 0 30px; }

    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0; }
    .projects-main .projects-row { padding: 0 0 50px; }
    .projects-content .block-title { margin: 0 0 25px; }
    .projects-content .btn-links { padding: 40px 0 0; }
    .projects-wrp { padding: 100px 0 70px; }
    .green-coffee-img {top: 60px;}
    .guatemala-page .inner-banner-main { bottom: 50px; }
    .inner-banner-img img {height: 380px;}
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 70px 30px 25px 70px; margin: -220px 0 0;}
    .continent-top-details .continent-map {right: 30px; top: 30px; max-width: 172px; height: 110px;}
    .continent-coffee-details {padding: 0 50px 0 0;}
    .organic-logos ul { padding: 25px 0 0; }
    .continent-top-details .block-title { margin: 0 0 30px; }
    .continent-coffee-details .continent-coffee-content { margin: 0 0 35px; }
    .continent-title {font-size: 26px; line-height: 30px;}
    .ethiopia-section { padding: 60px 0 55px;}
    .ethiopia-section .ethiopia-row { padding: 0 0 50px; }
    .ethiopia-content .common-detail {padding: 0 0 20px; line-height: 24px;}
    .continent-bnr-wrp { padding: 190px 0 50px; }
    .continent-bnr-section .section-title { margin: 0 0 20px; }
    .continent-bnr-section { padding: 0 0 0 40px; }
    .ethiopia-content {padding: 0 0 30px;}
    .ethiopia-content .block-title { margin: 0 0 12px; }
    .continent-bnr-img img {height: 390px;}
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -22px; }
    .news-row .row>* { padding: 0 22px; }
    .news-wrp { padding: 60px 0 60px; }
    .news-content .block-title { padding: 8px 0 12px; }
    .news-content .common-detail { padding: 15px 0 25px; }
    .news-content .btn {padding: 10px 30px;}
    .news-main .news-row { padding: 0 0 60px; }
    .news-wrp .load-more { padding: 30px 0 0; }
    .load-more .btn {padding: 11px 50px;}
    .news-bnr-wrp { padding: 200px 0 50px; }
    .news-bnr-section { padding: 0 0 0 50px; }
    .news-bnr-section .banner-title { margin: 0 0 20px; }
    .news-bnr-section .small-detail p { padding: 0 0 20px; }
    .news-paper-icon {margin: -10px 0 0; width: 110px;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-main {top: 60%;}
    .contact-section .logo img { width: 100px; }
    .contact-section .block-title { margin: 0 0 20px; }
    .contact-section ul { padding: 0 0 25px; }
    .contact-section .detail p { margin: 0 0 30px; }
    .contact-wrp { padding: 70px 0 60px; }
    .contact-main { padding: 0 0 0 40px; }
    .contact-section .logo { margin: 0 0 35px; }
    /* Contact Page End */

    /* News Detail Page Start */
    .news-detail-main { padding: 0; }
    .news-detail-content .orange-link {margin: 0 0 20px; font-size: 18px; line-height: 24px;}
    .news-detail-content .section-title { margin: 0 0 15px; }
    .news-detail-content .common-detail ul { padding: 0 0 15px; }
    .news-detail-content .details p {margin: 0 0 20px; font-size: 18px; line-height: 28px;}
    .more-articles-wrp .common-detail { padding: 0 0 20px; }
    .news-detail-content .details img { padding: 10px 0 10px; }
    .news-detail-main .row { margin: 0 -22px; }
    .news-detail-main .row>* { padding: 0 22px; }
    .news-detail-wrp { padding: 35px 0 40px; }
    .more-articles-wrp { padding: 30px 0 0; }
    .more-articles-wrp .article-block { margin: 0 0 35px; }
    .article-block .small-detail a {padding: 0 0 10px;}
    /* News Detail Page End */

    /* Imprint Page Start */
    .pl-126 { padding-left: 40px; }
    .news-bnr-section { padding: 0 0 0 40px; }
    .imprint-wrp { padding: 60px 0 46px; }
    /* Imprint Page End */

    /* Footer Start */
    .footer::before {width: 120px; height: 136px; display: none;}
    .footer::after {width: 167px; height: 99px; display: none;}
    .footer-section .row {justify-content: flex-start;}
    .footer-section .row>*:nth-child(3) .footer-main-links { margin: 0; }
    .copyright p {line-height: 22px;}
    .footer-contact-block .social-media { padding: 0 0 20px; }
    .footer-section .row>*:last-child .footer-main-links { margin: 0; }
    .footer-section .row>*:last-child .footer-main-links .footer-links ul {padding: 0;}
    .footer-contact-block { margin: 0px 0 30px; }
    .footer-links ul li a {word-break: break-all;}
    .footer { padding: 50px 0 50px; }
    .footer-logo { width: auto; margin: 0 0 30px; }
    .footer-section .block-title { margin: 0 0 10px; }
    /* Footer End */


    .cta-calendar {
        padding: 20px 0;
    }

    .cta-calendar__content {
        height: auto;
        background: transparent;
        padding-left: 0;
        padding-right: 0;
    }

    .cta-calendar .section-title {
        color: white;
        font-size: 36px;
        line-height: 39px;
    }

    .cta-calendar__content .btn-outline {
        color: white;
        border-color: white;
    }

}

@media (max-width: 767px) {
    .container {padding: 0 32px;}

    /* Common Style Start */
    .banner-title { font-size: 36px; line-height: 39px; /* word-break: break-all; */ }
    .block-title { font-size: 36px; line-height: 39px; }
    .common-detail { font-size: 16px; line-height: 24px; }
    body { font-size: 16px; line-height: 24px; width: 100vw; overflow-x: hidden; }
    .btn { font-size: 15px; line-height: 20px; padding: 13px 35px 10px 35px; }
    .sub-title { font-size: 32px; line-height: 43px; }
    .section-title { font-size: 36px; line-height: 39px; }
    .common-list ul li {font-size: 16px; line-height: 21px; margin: 0 0 22px;}
    .main-title {font-size: 24px; line-height: 29px;}
    .small-detail {font-size: 16px; line-height: 24px;}
    .history-title {font-size: 96px; line-height: 127px;}
    /* Common Style End */

    /* Header Start */
    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu, .header .navbar-nav .nav-item .dropdown-main-menu.show::after {max-width: 100%;}
    .header .navbar-collapse, .header .navbar-nav .nav-item .dropdown-main-menu {padding: 100px 30px 30px;}
    .header .navbar-collapse .section-title { margin: 0 0 40px; }
    .header .navbar-nav .nav-item { padding: 12px 0; }
    .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after {margin: 0 0 0 60px; width: 17px; height: 22px;}
    .header-contact-detail ul li {font-size: 16px; line-height: 24px;}
    .header-contact-detail { padding: 0 0 30px; }
    .bottom-links ul li {font-size: 14px; line-height: 22px;}
    .bottom-links ul li::after {top: 4px; bottom: 4px;}
    .header .header-bottom { padding: 30px 0 0; }
    .header .navbar-nav .mega-menu-details h3, .header .navbar-nav .mega-menu-details h4 {font-size: 18px; line-height: 24px;}
    .header .navbar-nav .mega-menu-details ul li {font-size: 16px; line-height: 26px;}
    .header .navbar-nav .mega-menu-details { padding: 0 0 40px; }
    .header {padding: 25px 0; width: 100vw;}
    .header .navbar-brand {position: relative; z-index: 99; width: 58px;}
    .header .navbar-nav .nav-item .nav-link {font-size: 16px; line-height: 24px;}
    .header .navbar-collapse .dropdown-main-menu .back-arrow img {width: 22px; }
    /* .home-page .header .navbar-toggler span {background-color: #1B433E;} */
    .home-page .header.sticky { /* background-color: #f1f0e9; */ padding: 12px 0;}
    .header .container {max-width: 100%;}
    .header-top {width: 100%;}
    /* .home-page .header .white-logo { display: none; }
    .home-page .header .green-logo { display: block; } */
    .header .navbar-toggler span { width: 36px; height: 2px; }
    /* .header .dropdown-toggle .white-arrow { display: block; }
    .header .dropdown-toggle .green-arrow { display: none; } */
    .home-page .header .dropdown-toggle .white-arrow { display: none; }
    .home-page .header .dropdown-toggle .green-arrow { display: block; }
    .header .dropdown-toggle .right-arrow {width: 15px;}
    /* .header.sticky { background-color: #f1f0e9; } */

    .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu::after, .header .navbar-nav .nav-item .dropdown-main-menu {background-color: #F1F0E9;}
    /* .header .navbar-collapse, .header .navbar-collapse::after, .header .navbar-nav .nav-item .dropdown-main-menu::after, .header .navbar-nav .nav-item .dropdown-main-menu {background-color: #1B433E;} */
    /* .header .navbar-collapse .section-title, .header .navbar-nav .nav-item .nav-link, .bottom-links ul li, .header .navbar-nav .mega-menu-details h3,
    .header .navbar-nav .mega-menu-details h4, .header .navbar-nav .mega-menu-details ul li {color: #F1F0E9;}
    .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after {background-image: url("../images/right-arrow-white.svg");}
    .bottom-links ul li::after {background-color: #F1F0E9;} */
    /* .header .navbar-toggler.open span {background-color: #F1F0E9;} */

    .home-page .header .navbar-collapse, .home-page .header .navbar-collapse::after, .home-page .header .navbar-nav .nav-item .dropdown-main-menu::after, .home-page .header .navbar-nav .nav-item .dropdown-main-menu {background-color: #F1F0E9;}
    .home-page .header .navbar-collapse .section-title, .home-page .header .navbar-nav .nav-item .nav-link, .home-page .bottom-links ul li, .home-page .header .navbar-nav .mega-menu-details h3, .home-page .header .navbar-nav .mega-menu-details h4 .home-page .header .navbar-nav .mega-menu-details ul li {color: #1B433E;}
    .home-page .header .navbar-nav .nav-item .nav-link.dropdown-toggle::after {background-image: url("../images/right-arrow.svg");}
    .home-page .bottom-links ul li::after {background-color: #1B433E;}

    .home-page .back-arrow .white-arrow {display: none !important;}
    .home-page .back-arrow .green-arrow {display: block !important;}
    /* .home-page .header .navbar-toggler span {background-color: #1B433E;} */
    /* Header End */

    /* Home Page Start */
    .banner-section .banner-title { margin: 0 20px 60px 0; font-size: 48px; line-height: 53px;}
    .banner-main {bottom: 57px;}
    .about-section .block-title { margin: 0 0 20px; }
    .about-section .common-detail p { margin: 0px 0 24px; }
    .about-wrp { padding: 61px 0 54px; }
    .about-section {margin: 0;}
    .banner-img img {height: 660px;}

    .about-section::after { width: 209px; height: 209px; top: 62%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

    .competence-title .sub-title { font-size: 32px; line-height: 43px; }
    .competence-img { margin: 0 0 42px; }
    .competence-main .competence-title { margin: 0 0 30px; }
    .competence-content .import-arrow img {width: 71px;}
    .competence-content .import-arrow { margin: 0 0 18px; }
    .competence-content .block-title {font-size: 24px; line-height: 29px; margin: 0 0 27px;}
    .competence-slider { padding: 0 0 88px; }

    .responsibility-section .section-title { margin: 0 0 22px; }
    .responsibility-section .common-detail { margin: 0 0 35px; }
    .responsibility-section::before { background-color: rgba(0, 0, 0, 0.35); }
    .slick-dots li {margin: 5px 3.5px; width: 9px; height: 9px;}
    .slick-dots li::before {width: 5.5px; height: 5.5px;}

    .coffee-originates-wrp { padding: 38px 0 50px; }
    .coffee-originates-content { margin: 0; }
    .coffee-originates-content .section-title { margin: 0 0 19px; }
    .coffee-originates-content .common-detail { margin: 0 0 66px; }
    .coffee-originates-img {margin: 0 0 38px;}

    .coffee-news-wrp { padding: 63px 0 49px; }
    .coffee-news-content .section-title { margin: 0 0 31px; }
    .coffee-news-content .common-detail b {padding: 0 0 20px;}
    .coffee-news-content .common-detail p { padding: 0 0 20px; }
    .coffee-news-content {margin: 0;}
    .coffee-news-img { margin: 0 0 56px; }
    .coffee-news-content .btn {margin: 29px 0 0;}
    /* Home Page End */

    /* Origins Variants Page Start */
    .origins-banner-section { margin: 0; }
    .country-block { max-width: 470px;text-align: center; }
    .country-block .block-title {margin: 0 0 36px; justify-content: center;}
    .country-block ul {margin: 0 0 30px; border-left: none; padding: 0; justify-content: flex-end;}
    .afrika-origins-section .country-block { padding: 33px 0 0; position: relative; margin: 0 auto; top: 0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
    .origins-banner-wrp { padding: 180px 0 25px; }
    .origins-banner-main .map-img img {width: 760px;}
    .origins-banner-section .banner-title { margin: 0 0 25px; font-size: 36px; line-height: 40px; }
    .afrika-origins-wrp { padding: 25px 0 67px; background-color: #F1F0E9; }
    .country-block ul li {text-align: left; font-size: 16px; line-height: 29px; width: 45%; border-left: 1px solid #1B433E; padding-left: 13px;}
    .origins-banner-main .map-img { right: -10px; top: -67px; left: -30px; }
    .afrika-origins-section .country-block .block-title img {width: 36px; }
    .country-block .block-title img {margin: 0 15px 0 0;}

    .central-america-section .country-block {height: calc(100% - 568px);}
    .south-america-wrp { padding: 20px 0 30px; background-color: #F1F0E9; }
    .asian-origin-main .country-block { padding: 31px 10px 37px; margin: 0 auto;}
    .asian-origin-img {max-width: 720px; margin: 0 auto;}
    .asian-origin-img img {height: 290px; object-fit: cover; font-family: "object-fit: cover";}
    .afrika-origins-img img, .south-africa-img img, .south-africa-img img {height: 290px; object-fit: cover; font-family: "object-fit: cover";}
    .south-america-section .country-block { padding: 26px 25px 57px; max-width: 450px; margin: 0 auto; }
    .central-america-section .country-block { padding: 34px 25px 9px; height: auto;  max-width: 450px; margin: 0 auto; align-items: center;}
    .asian-origin-main {position: relative; bottom: 0;}
    .south-america-section {display: flex; flex-direction: column-reverse;}
    .south-america-section .country-block ul {flex-direction: column; align-content: center;}
    .south-america-section .country-block ul li {width: auto;}
    .south-america-section .country-block .block-title img {width: 31px; margin: 0 19px 0 0;}
    .central-america-section .country-block .block-title img {width: 40px; margin: 0 7px 0 0;}
    .origins-page .footer {background-color: #1B433E;}
    .origins-page .footer-section .block-title, .origins-page .footer-contact-block .detail ul li, .origins-page .social-media ul li, .origins-page .footer-links ul li,
    .origins-page .copyright p {color: #F1F0E9;}
    .asian-origin-main .country-block .block-title img {width: 49px;}
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-main {bottom: 84px;}

    .who-are-we-main { padding: 37px 0 0; }
    .who-are-we-img-wrp { padding: 24px 0 30px; }
    .who-are-we-section .section-title { margin: 0 0 26px; }
    .who-are-we-section .common-detail p { padding: 0 0 20px; }
    .who-are-we-img .who-are-coffee { width: 200px; height: 200px; top: -130px; left: 154px; display: none;}
    .who-are-we-section .sub-title { margin: 0; }

    .our-service-img { max-width: 99px; height: 63px; margin: 0 auto 13px; }
    .service-content .section-title { margin: 0 0 12px; font-size: 31px; line-height: 35px;}
    .service-content .common-detail {font-size: 14px; line-height: 20px;}
    .service-content {height: auto;}
    .our-services-wrp { padding: 31px 0 0; }
    .our-services-main .row { margin: 0 -15px; }
    .our-services-main .row>* { padding: 0 15px; }
    .service-content::after {right: -22px; display: none;}
    .out-services-block {margin-bottom: 48px; height: calc(100% - 48px); position: relative;}
    .out-services-block::before { content: ""; border-right: 0.5px solid #F1F0E9; position: absolute; right: -20px; top: 0; bottom: 0; }
    .our-services-main .row>*:nth-child(even) .out-services-block::before {display: none;}

    .coffee-competence-main .banner-title { max-width: 240px; margin: 0 auto 30px; }
    .coffee-competence-section .competence-img {margin: 0 0 52px;}
    .coffee-competence-section .competence-content { margin: 0 0 0 10px; }
    .quality-assurance-wrp { margin: -150px 0 0; padding: 0 0 130px;}
    .logistic-img img {height: 300px;}
    .coffee-competence-wrp { padding: 12px 0 50px; }
    .quality-assurance-detail .competence-content .block-title {margin: 0 0 30px;}
    .quality-assurance-img { margin: 0 0 57px; }
    .coffee-competence-section { padding: 0 0 10px; }
    .coffee-competence-inner { padding: 5px 0 0; }
    .quality-assurance-detail .row>*:last-child .competence-content { margin: 0 0 0; }
    .coffee-competence-inner .competence-content .common-detail { font-size: 16px; line-height: 24px; letter-spacing: 0.02em;}
    .coffee-competence-inner .competence-content .common-detail p { padding: 0 0 20px; }
    .coffee-competence-inner .row {flex-direction: column-reverse;}
    .coffee-competence-inner .competence-img {margin: 0 0 49px;}
    .quality-assurance-detail .competence-content .import-arrow img {width: 49px;}
    .quality-assurance-detail .competence-content .common-list b {font-size: 16px; line-height: 21px;}

    .logistic-wrp { padding: 0 0 138px;  }
    .logistic-main .logistic-section { padding: 0 0 10px }
    .logistic-img {margin: 0 0 36px; }
    .logistic-main .logistic-section:first-child .logistic-img {margin-top: -107px;}
    .logistic-section .competence-content .import-arrow img {width: 53px;}

    .advice-wrp .logistic-img img {height: 300px;}
    .advice-wrp { padding: 0 0 27px; margin: -107px 0 0; }
    .advice-wrp .competence-content .import-arrow img {width: 58px;}

    .hocofco-group-img .main-title {top: 57px; white-space: nowrap;}
    .hocofco-content {padding: 30px 24px 40px 30px; height: auto; margin: 0 0 46px;}
    .hocofco-content .orange-link {left: 30px; bottom: 40px; padding: 0; font-size: 16px;}
    .hocofco-content .small-detail { padding: 0 0 47px; }
    .hocofco-content .hocofco-top-title {margin: 0 0 15px; height: 50px;}
    .hocofco-content .hocofco-top-title img { margin: 0 10px 0 0; }
    .hocofco-group-section { margin-top: -68px; }
    .hocofco-top-title .section-title {font-size: 24px; line-height: 26px;}

    .work-with-us-section .work-title { padding: 0 0 25px; }
    .work-with-us-wrp { padding: 0 0 21px; }
    .work-with-us-section .sub-title { margin: 0 0 -10px 0; transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }
    .work-with-us-wrp .container {padding: 0;}
    .work-with-us-main .row {margin: 0;}
    .work-with-us-main .row>* {padding: 0;}

    .interest-beans-main .interest-beans-section { padding: 0 0 44px; }
    .interest-beans-wrp { padding: 20px 0 47px; }
    .interest-beans-content .small-detail ul { padding-top: 20px; }
    .interest-beans-content .small-detail ul li ul {padding-bottom: 20px;}
    .interest-beans-content .block-title { margin: 0 0 20px; font-size: 24px; line-height: 29px; }
    .interest-beans-content {padding: 0 0 39px;}
    /* Pursue Page End */

    /* Story Page Start */
    .story-page .inner-banner-section .banner-title { margin: 0; }
    .story-page .inner-banner-main { bottom: 82px; }
    .history-1987-wrp { padding: 26px 0 25px; }
    .history-1987-main .row {flex-direction: column-reverse;}
    .history-img .common-detail {letter-spacing: 0.02em; padding: 0 0 13px;}
    .history-img .history-title { text-align: left !important; }
    .history-1987-main .history-img img {margin: 0 0 49px;}
    .history-1987-content .common-detail p {font-family: 'SuisseIntlRegular';}
    .history-1987-content .common-detail p b {font-family: 'SuisseIntlBold';}
    .history-1992-wrp { padding: 24px 0 0; }
    .history-img .history-title {margin: 0;}
    .history-1992-main .history-img img {margin: 0 0 49px;}
    .history-1992-wrp .history-1987-content .common-detail p { padding: 0 0 25px; }
    .history-1992-wrp .history-1987-content .common-detail {padding: 0 0 22px;}

    .history-middle-wrp { margin: 10px 0 0; }
    .history-1994-wrp { padding: 155px 0 20px; margin: -129px 0 0; }
    .history-1994-wrp .history-img .history-title {margin-bottom: 0; margin-left: 0;}
    .history-middle-wrp .history-1987-content { padding: 0; }
    .history-middle-wrp .history-img {position: relative; top: 0;}
    .history-middle-main .history-1987-content {padding: 0 0 53px;}
    .history-1994-wrp .history-img {display: flex; flex-direction: column;}
    .history-1994-wrp .history-img .history-title {order: 1; margin: 0 0 18px;}
    .history-1994-wrp .history-img img {order: 2; margin: 0 0 36px;}
    .history-1994-wrp .history-img .common-detail {order: 3; padding: 0 0 34px;}
    .history-1994-wrp .history-img .common-detail p b {font-family: 'SuisseIntlBold';}
    .history-1994-wrp .history-img .common-detail p {font-family: 'SuisseIntlRegular';}

    .history-2000-main { margin: 0; }
    .history-2000-wrp .history-img .history-title {margin: 0;}
    .history-2000-wrp .history-1987-content { margin: 0; }
    .history-2000-wrp { padding: 0 0 10px; }
    .history-2000-wrp .history-img {margin: 0 0 36px;}
    .history-2000-wrp .history-1987-content .common-detail {padding: 0 0 25px;}

    .history-2015-wrp .history-img .history-title {left: 0; position: relative;}
    .history-2015-wrp .history-1987-content { padding: 0 0 53px; }
    .history-2015-wrp { padding: 10px 0 17px; }
    .history-2015-wrp .history-img img {margin: 0 0 17px;}

    .ict-section .ict-img { margin: 0 0 45px; }
    .ict-wrp { padding: 0 0 24px; }

    .history-2017-wrp .history-2017-title img {width: 117px; top: -28px;}
    .history-2017-wrp .history-2017-title .history-title { margin: 0 53px 0 0; }
    .history-2017-wrp { padding: 40px 0 27px; }
    .history-2017-wrp .history-1987-content .common-detail {margin: 0;}
    .history-2017-title { padding: 0 0 13px; }

    .history-2020-wrp { padding: 24px 0 45px; }
    .history-2020-wrp .history-img .history-title {top: 0; position: relative; right: 0; margin: 17px 0 0;}
    .history-2020-main .row {flex-direction: column-reverse;}
    .history-2020-wrp .history-img {margin: 0 0 -15px;}
    /* Story Page End */

    /* Responsibility Page Start */
    .details-main .details-row:nth-child(even) { margin: 0; }
    .our-steps-main .row { margin: 0 -22px; }
    .our-steps-main .row>* { padding: 0 22px; }
    .details-main .details-row { padding: 0 0 45px; }
    .our-steps-wrp { padding: 23px 0 88px; }
    .our-steps-block .common-detail span {font-size: 48px; line-height: 58px; padding: 0 12px 0 0;}
    .details-wrp { padding: 43px 0 22px; }
    .details-content .common-detail p { padding: 0 0 25px; }
    .details-content .block-title { margin: 0 0 22px; }
    .btn-links ul li { font-size: 16px; line-height: 25px; }
    .details-content .carbon-neutral-logo { padding: 36px 0 0; }
    .details-content .carbon-neutral-logo img {width: 242px;}
    .our-steps-block { height: calc(100% - 59px); margin-bottom: 59px; }
    .details-content .btn-white-border {font-size: 15px; line-height: 22px; padding: 11px 24px;}
    .details-content .common-list ul li ul { padding: 0 0 0 30px; }
    .details-content .btn-links { padding: 28px 0 0; }
    .inner-banner-section .banner-title { /* word-break: break-all; */ font-size: 36px; line-height: 39px; }
    .details-content {padding: 0 0 35px;}
    .details-main .details-row:last-child .details-img {padding: 0;}
    .details-content .common-list ul li {letter-spacing: 0.02em;}
    .details-content .common-list {padding: 0 0 5px;}
    .our-steps-block .common-detail {font-size: 18px; line-height: 27px; padding: 0 0 15px;}
    .details-main .details-row .details-content .btn-white-border { margin: 10px 0 0; }

    .certification-main { margin: 0; }
    .certification-main .details-content {margin-left: 0; padding: 48px 0 0;}
    .certification-img { margin: 0; }
    .certification-wrp { padding: 0 0 12px; margin: 0;}

    .our-certification-wrp { padding: 20px 0 0; }
    .certificate-logo { padding: 0 30px; text-align: center; margin: 0 0 30px; width: 33.33%; }
    .our-certification-section {margin: 0 -20px; flex-wrap: wrap; justify-content: center;}
    .our-certification-main .common-detail { margin: 0 0 32px; }

    .craft-partnership-wrp .block-title { margin: 0 0 50px; font-size: 24px; line-height: 26px;}
    .craft-detail { margin: 0; }
    .craft-partnership-wrp { padding: 27px 0 19px; }
    .craft-img {margin: 0 0 27px;}

    .how-works-main { margin: 0; }
    .how-works-wrp { padding: 40px 0 30px; }
    .how-works-detail .small-detail ol { margin: 0 0 24px; padding-left: 15px;}
    .how-works-main .row {align-items: flex-start; flex-direction: column-reverse;}
    .how-works-detail .small-detail { line-height: 24px; }
    .how-works-detail .small-detail p { padding: 0 0 24px; }
    .how-works-detail .small-detail a {font-family: 'SuisseIntlRegular';}
    .how-works-detail .sub-title {margin: 0 0 12px;}
    .how-works-main .craft-img {margin: 0 0 35px;}

    .supply-chain-wrp .details-main .details-row:nth-child(2) .details-img { margin: 0; }
    .supply-chain-wrp { padding: 56px 0 9px; }
    .supply-chain-wrp .details-content .block-title { margin: 0 0 25px; }
    .supply-chain-wrp .details-content .small-detail p { padding: 0 0 25px; }
    .supply-chain-wrp .details-main .details-row {padding: 0 0 37px;}
    .supply-chain-wrp .details-content {padding: 0 0 35px;}
    .supply-chain-wrp .details-img {padding: 0;}

    /*.responsibility-page .inner-banner-section .banner-title {word-break: break-all;}*/
    /* Responsibility Page End */

    /* Guatemala Page Start */
    .nueva-community-wrp .community-img { margin: 0; }
    .community-wrp { padding: 70px 0 14px; }
    .nueva-community-wrp { padding: 14px 0 19px; }
    .community-content .block-title {font-size: 24px; line-height: 29px;}
    .community-wrp .community-main .row {flex-direction: column-reverse;}
    .community-content {padding: 0 0 26px;}
    .green-coffee-wrp { padding: 19px 0 0; }

    .projects-main .projects-row:nth-child(even) .projects-img { margin: 0; }
    .projects-main .projects-row:nth-child(odd) { margin: 0; }
    .projects-main .projects-row { padding: 0 0 37px; }
    .projects-content .block-title { margin: 0 0 25px; font-size: 24px; line-height: 29px; }
    .projects-content .btn-links { padding: 30px 0 0; }
    .projects-wrp { padding: 37px 0 37px; }
    .green-coffee-img {top: 0; margin: 40px 0 0;}
    .green-coffee-main .row {flex-direction: column-reverse;}
    .projects-content {padding: 0 0 41px;}
    .guatemala-page .inner-banner-main { bottom: 78px; }
    .guatemala-page .inner-banner-img img {height: 447px;}
    /* Guatemala Page End */

    /* Continent Page Start */
    .ethiopia-img.right-img { margin: 0; }
    .ethiopia-img.left-img { margin: 0; }
    .continent-top-details {padding: 35px 24px 37px 32px; margin: 0;}
    .continent-top-details.show .btn {display: none;}
    .continent-top-details .continent-map { position: relative; right: 0; top: 0; max-width: 122px; height: 60px; margin: 0 0 15px; }
    .continent-coffee-details {padding: 0 50px 0 0;}
    .organic-logos ul { padding: 25px 0 0; justify-content: flex-start; margin: 0 -11px; }
    .continent-top-details .block-title { margin: 0 0 26px; }
    .continent-coffee-content span {font-size: 14px; line-height: 19px; padding: 0 0 8px;}
    .continent-coffee-details .continent-coffee-content { margin: 0 0 25px; }
    .organic-logos ul li {padding: 0 11px;}
    .continent-title {font-size: 24px; line-height: 32px;}
    .ethiopia-section { padding: 67px 32px 0; }
    .ethiopia-section .ethiopia-row { padding: 0 0 34px; }
    .ethiopia-content .common-detail {padding: 0 0 24px; line-height: 23px;}
    .continent-bnr-wrp { padding: 266px 0 50px; background-image: url("../images/afrika-continent-bnr.jpg"); background-repeat: no-repeat; background-size: cover;position: relative; z-index: 9; }
    .continent-bnr-wrp::after { content: ""; background: linear-gradient(360deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 70.49%); position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; }
    .continent-bnr-section .section-title { margin: 0 0 12px; color: #F1F0E9; }
    .continent-bnr-section .small-detail {color: #F1F0E9;}
    .continent-bnr-section { padding: 0; }
    .ethiopia-content {padding: 0 0 30px;}
    .ethiopia-content .block-title { margin: 0 0 24px; }
    .continent-wrp .container {max-width: 100%; padding: 0;}
    .collapsible-content {display: none;}
    .ethiopia-content .sub-title {top: -27px; left: 0;}
    .ethiopia-main .read-less {padding: 0 32px;}
    /* .ethiopia-main {padding: 0 0 37px;} */
    .ethiopia-inner {display: none; padding: 0 0 37px;}

    .afrika-continent-page .footer {background-color: #F1F0E9;}
    .afrika-continent-page .green-footer .footer-section .block-title, .afrika-continent-page .green-footer .footer-contact-block .detail ul li, .afrika-continent-page .green-footer .social-media ul li, .afrika-continent-page .green-footer .copyright p, .afrika-continent-page .green-footer .footer-links ul li {color: #1B433E;}
    .afrika-continent-page .footer.green-footer .white-logo {display: none;}
    .afrika-continent-page .footer.green-footer .green-logo {display: block;}
    .afrika-continent-page .footer.green-footer .white-icon {display: none;}
    .afrika-continent-page .footer.green-footer .green-icon {display: block;}
    .continent-bnr-img img {height: 320px;}
    /* Continent Page End */

    /* News Page Start */
    .news-row .row { margin: 0 -22px; }
    .news-row .row>* { padding: 0 22px; }
    .news-wrp { padding: 50px 0 47px; }
    .news-content .block-title { padding: 18px 0 22px; }
    .news-content .common-detail { padding: 25px 0 33px; }
    .news-content .btn {padding: 10px 30px; font-size: 16px; line-height: 22px; padding: 11px 47px;}
    .news-main .news-row { padding: 0 0 60px; }
    .news-main .news-row:last-child {padding-bottom: 0;}
    .news-wrp .load-more { padding: 30px 0 0; }
    .load-more .btn {padding: 11px 50px;}
    .news-bnr-wrp { padding: 247px 0 50px; }
    .news-bnr-section { padding: 0; }
    .news-bnr-section .banner-title { margin: 0 0 20px; font-size: 48px; line-height: 53px; }
    .news-bnr-section .small-detail p { padding: 0 0 26px; }
    /* .news-page .header .navbar-toggler span {background-color: #F1F0E9;} */
    .news-img {margin: 0 0 45px;}
    .news-content .small-detail {font-size: 18px; line-height: 29px;}
    .news-page .header.sticky { background-color: #1B433E; }
    .news-paper-icon {display: none;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-main { top: auto; bottom: 78px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
    .contact-section .logo img { width: 86px; }
    .contact-section .block-title { margin: 0 0 26px; font-size: 24px; line-height: 26px; }
    .contact-section ul li:first-child { padding: 0 0 10px; }
    .contact-section ul { padding: 0 0 50px; }
    .contact-section .detail { font-size: 12px; line-height: 20px;}
    .contact-section .detail p { margin: 0 0 35px; }
    .contact-section .btn {font-size: 16px; line-height: 22px; padding: 11px 25px;}
    .contact-wrp { padding: 68px 0 63px; }
    .contact-main { padding: 0; }
    .contact-section .logo { margin: 0 0 23px; }
    .kontakt-page .header.sticky {background-color: #1B433E;}
    /* .kontakt-page .header .navbar-toggler span {background-color: #F1F0E9;} */
    /* Contact Page End */

    /* News Detail Page Start */
    .news-detail-main { padding: 0; }
    .news-detail-content .orange-link {margin: 0 0 20px; font-size: 18px; line-height: 24px;}
    .news-detail-content .section-title { margin: 0 0 24px; }
    .news-detail-content .common-detail ul { padding: 0 0 20px; }
    .news-detail-content .details p {margin: 0 0 20px; font-size: 16px; line-height: 24px;}
    .more-articles-wrp .common-detail { padding: 0 0 24px; font-size: 18px; line-height: 29px; }
    .news-detail-content .details img { padding: 10px 0 10px; }
    .news-detail-main .row { margin: 0 -22px; }
    .news-detail-main .row>* { padding: 0 22px; }
    .news-detail-wrp { padding: 42px 0 0; }
    .more-articles-wrp { padding: 25px 0 0; }
    .more-articles-wrp .article-block { margin: 0 0 44px; }
    .article-block .small-detail a {padding: 0 0 19px; font-size: 18px; line-height: 27px;}
    /* .news-detail .header .navbar-toggler span {background-color: #F1F0E9;} */
    .news-detail-content .common-detail {font-size: 18px; line-height: 29px;}
    .news-detail .header.sticky {background-color: #1B433E;}
    .news-detail .news-bnr-section .banner-title {word-break: break-all;}
    /* News Detail Page End */

    /* Imprint Page Start */
    .pl-126 { padding-left: 0; }
    .news-bnr-section { padding: 0; }
    .imprint-wrp { padding: 83px 0 44px; }
    .news-detail .news-bnr-wrp { padding: 317px 0 74px; }
    /* Imprint Page End */

    /* Footer Start */
    .footer::before {display: none;}
    .footer::after {display: none;}
    .footer-section .row {justify-content: flex-start;}
    .footer-section .row>*:nth-child(3) .footer-main-links { margin: 0; }
    .copyright p { font-size: 12px; line-height: 18px;}
    .copyright {position: absolute; right: 10px; bottom: 25px;}
    .footer-contact-block .social-media { padding: 0 0 20px; }
    .footer-section .row>*:last-child .footer-main-links { margin: 0; }
    .footer-section .row>*:last-child .footer-main-links .footer-links ul {padding: 0;}
    .footer-contact-block { margin: 0; }
    .footer-links ul li a {word-break: break-all;}
    .footer { padding: 18px 0 24px; }
    .footer-logo { width: auto; margin: 0 0 20px; width: 51px; }
    .footer-section .block-title { margin: 0 0 4px; font-size: 20px; line-height: 26px; }
    .footer-contact-block .detail li {font-size: 13px; line-height: 22px;}
    .social-media ul li {font-size: 14px; line-height: 28px;}
    .social-media ul li img {width: 16px; margin: 0 5px 0 0;}
    .footer-contact-block .detail { padding: 0; }
    .footer-links { display: block; }
    .footer-links ul { padding: 0; }
    .footer-links ul li { font-size: 14px; line-height: 26px; }
    .footer-links ul li ul li { font-size: 12px; line-height: 22px; }

    .origins-page .footer .green-icon {display: none;}
    .origins-page .footer .white-icon {display: block;}
    /* Footer End */

    .cta-calendar {
        padding: 20px 0;
        margin-bottom: 35px;
    }

    .cta-calendar__content {
        position: relative;
        height: auto;
        padding-top: 14px;
        padding-bottom: 13px;
        padding-left: 0;
        padding-right: 0;
        background: transparent;
    }

    .cta-calendar .section-title {
        color: white;
        font-size: 36px;
        line-height: 39px;
        padding-left: 0;
        padding-right: 0;
    }

    .cta-calendar__content .btn-outline {
        color: white;
        border-color: white;
        margin-top: 33px;
    }

    .cta-calendar__icon {
        position: absolute;
        width: 116px;
        top: inherit;
        bottom: -48px;
        right: -5px;
        left: inherit;
        transform: rotate(168deg);
    }

    .fs-img {
        margin-top: 80px;
    }

    .strategy-wrp .block-title {
        font-size: 24px;
        line-height: 29px;
    }

    .strategy-wrp {
        padding-top: 70px;
    }

    .strategy-wrp p {
        font-size: 16px;
        line-height: 1.5;
    }

    .strategy-header {
        margin-bottom: 45px;
    }

    .strategy-col-block {
        margin-bottom: 50px;
    }

    .strategy-col-block__img {
        width: 110px;
        height: 95px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    .strategy-col-block__img img {
        max-height: 100%;
        max-width: 100%;
    }

    .connect-page {
        padding-bottom: 70px;
    }

    .connect-page .block-title {
        font-size: 24px;
        line-height: 29px;
    }

    .connect-page p, ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .connect-wrp {
        padding-top: 40px;
    }

    .fs-img-2 {
        margin-top: 0;
    }

    .fs-img-3 {
        margin-top: 40px;
        margin-bottom: 20px;
    }

    #mon-text {
        margin-top: 30px;
    }

    #listing-2 {
        margin-top: 20px;
    }

    #spez2 .row .col-md-6:first-of-type {
        order: 2;
        margin-top: 70px;
    }
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px) {
    /* Home Page Start */
    .competence-wrp { padding: 54px 0 200px; }
    .responsibility-section { padding: 40px 40px; }
    .responsibility-wrp {margin: -140px 0 0;}
    /* Home Page End */

    /* Origins Variants Page Start */
    .asian-origin-img {max-width: 540px; padding: 0 32px;}
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-img img {height: 360px;}
    .who-are-we-img img {height: 300px;}

    .coffee-competence-wrp { padding: 12px 0 200px; }
    .quality-assurance-img img {height: 300px; object-fit: cover; font-family: "object-fit: cover";}
    .quality-assurance-wrp { margin: -180px 0 0; }
    /* Pursue Page End */

    /* Guatmala Page Start */
    .guatemala-img img {height: 300px;}
    /* Guatmala Page End */

    /* Kontinent Pages Start */
    .ethiopia-content .sub-title { top: -37px; left: -6px; }
    /* Kontinent Pages End */
}

@media (max-width: 575px) {
    /* Home Page Start */
    .responsibility-wrp .container {padding: 0;}
    .responsibility-section { padding: 92px 36px 75px; }
    .responsibility-main .row {margin: 0;}
    .responsibility-main .row>* {padding: 0;}
    .responsibility-wrp {margin: 0;}

    .competence-wrp { padding: 54px 0 55px; }

    .coffee-originates-img img {height: 215px; object-fit: cover; font-family: "object-fit: cover";}
    .coffee-news-img img {height: 217px; object-fit: cover; font-family: "object-fit: cover";}
    /* Home Page End */

    /* Origins Variants Page Start */
    .asian-origin-img {margin: 0 32px;}
    .afrika-origins-img img, .asian-origin-img img, .south-africa-img img {height: 197px; object-fit: cover; font-family: "object-fit: cover";}
    /* Origins Variants Page End */

    /* Pursue Page Start */
    .inner-banner-img img {height: 464px;}

    .who-are-we-img-wrp .container {padding: 0;}
    .who-are-we-img img {height: 188px; object-fit: cover; font-family: "object-fit: cover";}

    .quality-assurance-wrp {margin: 0; padding: 0 0 115px;}
    .quality-assurance-wrp .container {padding: 0;}
    .quality-assurance-main .row {margin: 0;}
    .quality-assurance-main .row>* {padding: 0;}
    .quality-assurance-img img {height: 219px; object-fit: cover;  font-family: "object-fit: cover";}
    .quality-assurance-detail {padding: 0 32px;}

    .coffee-competence-section .competence-img img {height: 217px;}
    .coffee-competence-inner .competence-img img {height: 217px;}

    .logistic-img img {height: 217px;}

    .advice-wrp .logistic-img img {height: 218px;}

    .hocofco-group-img img {height: 190px;}

    .work-with-us-img img {height: 219px;}
    /* Pursue Page End */

    /* Story Page Start */
    .history-1987-main .history-img img, .history-1992-main .history-img img {height: 228px;}

    .history-middle-wrp .history-img img {height: 247px;}
    .history-1994-wrp .history-img img img {height: 255px;}

    .history-2000-wrp .container {padding: 0;}
    .history-2000-wrp .history-1987-content {padding: 0 32px;}
    .history-2000-main .row {margin: 0;}
    .history-2000-main .row>* {padding: 0;}

    .ict-wrp .container {padding: 0;}
    .ict-wrp .row {margin: 0;}
    .ict-wrp .row>* {padding: 0;}
    .ict-wrp .history-1987-content {padding: 0 32px;}
    .ict-section .ict-img img {height: 193px;}
    /* Story Page End */

    /* Responisbilty Page Start */
    .certification-img img {height: 219px;}
    .details-wrp .container {padding: 0;}
    .details-content {padding: 0 32px 35px;}
    .details-img {padding: 0 32px;}
    .details-row .row {margin: 0;}
    .details-row .row>* {padding: 0;}

    .certificate-logo {width: 45%;}
    .our-certification-row {margin: 0 45px;}

    .how-works-wrp .container {padding: 0;}
    .how-works-main .row {margin: 0;}
    .how-works-main .row>* {padding: 0;}
    .how-works-detail {padding: 0 32px;}
    .craft-img img {height: 254px;}
    /* Responisbilty Page End */

    /* Guatemala Page Start */
    .community-wrp .community-img img {height: 230px;}
    .nueva-community-wrp .community-img img {height: 173px;}

    .green-coffee-wrp .container {padding: 0;}
    .green-coffee-main .row {margin: 0;}
    .green-coffee-main .row>* {padding: 0;}
    .green-coffee-content {padding: 0 32px;}
    .green-coffee-img img {height: 264px;}

    .guatemala-img img {height: 182px;}
    /* Guatemala Page End */

    /* News Page Start */
    .news-wrp .container {padding: 0;}
    .news-wrp { padding: 0 0 47px; }
    .news-row .row {margin: 0;}
    .news-row .row>* {padding: 0;}
    .news-content {padding: 0 32px;}
    /* News Page End */

    /* Contact Page Start */
    .contact-page .inner-banner-img img { height: 448px; }
    .inner-banner-section { padding: 0; }
    /* Contact Page End */

    /* Kontinent Page Start */
    .continent-bnr-img img {height: 257px;}
    /* Kontinent Page End */
}

@media (max-width: 389px) {
    /* Common Style Start */
    .section-title { font-size: 30px; line-height: 36px; }
    .container { padding: 0 22px; }
    .history-title { font-size: 86px; line-height: 117px; }
    /* Common Style End */

    /* Origins Variants Page Start */
    .country-block .block-title {font-size: 26px; line-height: 30px;}
    .central-america-section .country-block { padding: 34px 15px 9px; }
    .origins-banner-section .banner-title {font-size: 30px; line-height: 40px;}
    /* Origins Variants Page End */

    /* Story Page Start */
    .history-2017-wrp .history-2017-title .history-title { margin: 0; }
    /* Story Page End */

    .craft-partnership-wrp .block-title {font-size: 23px;}

    /* Footer Start */
    .copyright {bottom: 15px;}
    .footer { padding: 18px 0 44px; }
    /* Footer End */
}

@media (max-width: 1279px) {
    .cookie-banner p {
        font-size: 20px;
    }
}

@media (max-width: 1023px) {
    .cookie-banner p {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .cookie-banner {
        padding: 30px 0;
    }
    .cookie-banner p {
        font-size: 16px;
    }
    .cookie-banner__btn-col {
        text-align: left;
        margin-top: 10px;
    }
    .cookie-banner__link {
        margin-top: 13px;
    }
}