.page_banner {
    height: 457px;
    display: flex;
}

.site_title.tc_black,
.site_title.tc_black h1,
.site_title.tc_black h2,
.site_desc.tc_black,
.site_desc.tc_black a,
.site_desc.tc_black a {
    color: #000;
}

.page_main_title_inner {
    margin-top: 50px;
}

.page_main_title,
.page_main_title h1,
.page_main_title h2,
.page_main_title h3,
.page_main_title h4,
.page_main_title h5,
.page_main_title h6 {
    color: #F59332;
    text-align: center;
    font-family: Outfit;
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.page_font_26,
.page_font_26 h3,
.page_font_26 h2,
.page_font_26 h4 {
    color: #F59332;
    text-align: center;
    font-family: Outfit;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 0;
}

.page_lh {
    line-height: 30px !important;
}

.tc {
    text-align: center;
}

.m_b_10 {
    margin-bottom: 10px !important;
}

.m_b_30 {
    margin-bottom: 30px !important;
}

.m_tb {
    margin: 30px 0px !important;
}

.banner_under_content_sec,
.why_comm {
    background: #000;
}

.tb_margin span {
    margin: 10px 0;
}

.ts {
    text-align: start;
}

.ts h1,
.ts h2,
.ts h3,
.ts h4,
.ts h5,
.ts h6 {
    text-align: start !important;
}

.dfs {
    display: flex;
    justify-content: start;
}

.policy_main_box_inner.site_desc {
    color: #000;
}

.white_tx {
    color: #fff !important;
}

/* -----------------About page start -----------  */
.about_comm_row {
    display: flex;
    align-items: center;
}

.about_comm_col_1 {
    width: 50% !important;
    margin-right: 40px !important;
}

.about_comm_col_2 {
    width: 49% !important;
}

.about_comm_desc_box_inner.site_desc {
    color: #000;
    line-height: 30px;
}

.about_comm_img_code span {
    width: 100%;
}

.about_comm_img_code img {
    width: 100% !important;
    height: 516px;
    border-radius: 20px;
    border: 3px solid #F59332;
    object-fit: cover;
}


/* ------------Why Purchase Commercial Coffee Machines From Koffeeone. --------- */
.why_commercial_row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.why_commercial_img_code span {
    width: 100%;
}

.why_commercial_img_code img {
    width: 100% !important;
    height: 516px;
    border-radius: 20px;
    border: 3px solid #F59332;
    object-fit: cover;
}

.why_commercial_col_1 {
    margin-right: 60px !important;
    width: 47.25% !important;
}

.why_commercial_col_2 {
    width: 48% !important;
}

/* ----------------- Contact page start -------- */

/* ----------- con detail section ------ */
.con_detail_section {
    background: #000;
}

.con_detail_main_box_inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.con_info_main_box {
    width: 33.33%;
    padding: 10px 11px;
}

.con_info_main_box_inner {
    display: flex;
    align-items: center;
    height: 100%;
}

.con_icon_box_inner {
    width: 90px;
    height: 90px;
    background: linear-gradient(247deg, #F59332 24.24%, #CF2F38 69.18%);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}

.con_desc_main_box_inner {
    margin: 0 30px 0 25px;
}

.con_info_main_box_inner:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 90%;
    border: 1px solid;
    right: 0;
    border-radius: 20px;
    border: 1px solid #F59332;
    background: #000;
    z-index: -1;
}

.con_info_main_box_inner {
    position: relative;
    padding: 40px 0;
}

.con_enq_section:after {
    position: absolute;
    content: "";
    height: 310px;
    width: 100%;
    background: #000;
    bottom: 0;
}

/* ---------------------------- posts --------- */
.site_desc.post_page_content_code,
.site_desc.post_page_content_code a {
    color: #000;
}

@media all and (min-width: 320px) and (max-width: 767px) {
    .ts,
.ts h1,
.ts h2,
.ts h3,
.ts h4,
.ts h5,
.ts h6  {
 
        text-align: center !important;
    }

    .page_font_26,
    .page_font_26 h3,
    .page_font_26 h2 {
        font-size: 20px;
    }

    .page_lh {
        line-height: 24px !important;
    }

    .tb_margin span {
        margin: 5px 0;
    }

    .dfs {
        justify-content: center;
    }

    .page_main_title,
    .page_main_title h1,
    .page_main_title h2,
    .page_main_title h3,
    .page_main_title h4,
    .page_main_title h5,
    .page_main_title h6 {
        font-size: 30px;
    }

    .m_b_30 {
        margin-bottom: 10px !important;
    }

    /* ------------ why comm ----------- */
    .why_commercial_row {
        flex-direction: column-reverse;
    }

    .why_commercial_col_1 {
        margin-right: 0px !important;
        width: 100% !important;
    }

    .why_commercial_col_2 {
        width: 100% !important;
    }

    .why_commercial_machine_desc_box_inner {
        height: auto;
        overflow: auto;
        text-align: center;
    }

    .why_commercial_img_code img {
        height: 300px;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_row {
        flex-wrap: wrap;
    }

    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
        text-align: center;
    }

    .about_comm_desc_box_inner {
        height: auto;
        overflow: auto;
    }

    .about_comm_col_1,
    .about_comm_col_2 {
        margin: 0px !important;
        width: 100% !important;
    }

    .about_comm_img_code img {
        height: 300px;
    }

    .about_comm_title_box_inner,
    .why_commercial_title_box_inner {
        margin: 10px 0 0;
    }

    /* ----------- contact page ---------- */
    .con_info_main_box_inner {
        padding: 20px 0;
    }

    .con_icon_box_inner {
        width: 80px;
        height: 80px;
    }

    .con_info_main_box {
        width: 100%;
    }

    .con_info_main_box {
        padding: 10px 11px 10px 0;
    }

    .con_desc_main_box_inner {
        margin: 0 30px 0 17px;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {

    .page_main_title,
    .page_main_title h1,
    .page_main_title h2,
    .page_main_title h3,
    .page_main_title h4,
    .page_main_title h5,
    .page_main_title h6 {
        font-size: 40px;
    }

    .m_b_30 {
        margin-bottom: 20px !important;
    }

    .page_font_26,
    .page_font_26 h3,
    .page_font_26 h2 {
        font-size: 20px;
    }

    /* ------------ why comm ----------- */
    .why_commercial_row {
        flex-direction: column-reverse;
    }

    .why_commercial_col_1 {
        margin-right: 0px !important;
        width: 100% !important;
    }

    .why_commercial_col_2 {
        width: 100% !important;
    }

    .why_commercial_machine_desc_box_inner {
        height: auto;
        overflow: auto;
    }

    .why_commercial_img_code img {
        height: 416px;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_row {
        flex-wrap: wrap;
    }

    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
    }

    .about_comm_desc_box_inner {
        height: auto;
        overflow: auto;
    }

    .about_comm_col_1,
    .about_comm_col_2 {
        margin: 0px !important;
        width: 100% !important;
    }

    .about_comm_img_code img {
        height: 416px;
    }

    .about_comm_title_box_inner,
    .why_commercial_title_box_inner {
        margin: 10px 0 0;
    }

    /* ----------- contact page ---------- */
    .con_info_main_box_inner {
        padding: 20px 0;
    }

    .con_icon_box_inner {
        width: 80px;
        height: 80px;
    }

    .con_info_main_box {
        width: 50%;
    }
}


@media only screen and (min-width: 981px) and (max-width: 1024px) {



    /* ------------ why comm ----------- */
    .why_commercial_col_1 {
        margin-right: 20px !important;
    }

    .why_commercial_col_2 {
        width: 50% !important;
    }

    .why_commercial_machine_desc_box_inner {
        height: 395px;
        overflow: auto;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
    }

    .about_comm_desc_box_inner {
        height: auto;
        overflow: auto;
    }

    .about_comm_col_1 {
        margin-right: 20px !important;
    }

    /* ----------- contact page ---------- */
    .con_info_main_box_inner {
        padding: 20px 0;
    }

    .con_icon_box_inner {
        width: 80px;
        height: 80px;
    }
}


@media all and (min-width: 1025px) and (max-width: 1140px) {

    /* ------------ why comm ----------- */
    .why_commercial_col_1 {
        margin-right: 20px !important;
    }

    .why_commercial_col_2 {
        width: 50% !important;
    }

    .why_commercial_machine_desc_box_inner {
        height: 395px;
        overflow: auto;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
    }

    .about_comm_desc_box_inner {
        height: auto;
        overflow: auto;
    }

    /* ----------- contact page ---------- */
    .con_info_main_box_inner {
        padding: 20px 0;
    }

    .con_icon_box_inner {
        width: 80px;
        height: 80px;
    }
}

@media all and (min-width: 1141px) and (max-width: 1280px) {

    /* ------------ why comm ----------- */
    .why_commercial_col_1 {
        margin-right: 50px !important;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
    }
}

@media all and (min-width: 1281px) and (max-width: 1440px) {

    /* ------------ why comm ----------- */
    .why_commercial_col_1 {
        margin-right: 50px !important;
    }

    /* ----------------Commercial Automatic Coffee Machines – Our Philosophy.------------ */
    .about_comm_desc_box_inner.site_desc {
        line-height: 26px;
    }
}

@media all and (min-width: 1441px) and (max-width: 1680px) {}

@media all and (min-width: 1681px) and (max-width: 1880px) {}