/* ============ [01] MAX-WIDTH : 1024PX START ============ */
@media only screen and (max-width: 1024px)
{
    .header_center, .header_cta_contact_item {
        display: none;
    }

    .header_menu_mobile_bar_item {
        display: inline-block;
    }

    /* ============ [02] HEADER START ============ */
    .header_menu_mobile_bar i {
        color: var(--body-color);
        font-size: 1.3em;
    }

    .header_menu_mobile {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--white-color);
        z-index: 1000;
        display: none;
    }

    .header_menu_mobile.active {
        display: block;
    }

    .header_menu_mobile_top {
        align-items: center;
        justify-content: space-between;
        padding: 15px 40px;
        box-shadow: var(--b-shadow);
    }

    .h_menu_mobile_logo {
        width: 100px;
        height: 23px;
        background-image: var(--logo-mobile-url);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .header_menu_mobile_close {
        color: var(--body-color);
        cursor: pointer;
    }

    .header_menu_mobile_close i {
        font-size: 1.3em;
    }

    .h_menu_mobile_center_list {
        padding: 20px 40px;
    }

    .h_menu_mobile_center_link:first-child {
        padding-top: 0;
    }

    .h_menu_mobile_center_link {
        align-items: center;
        justify-content: space-between;
        color: var(--body-color);
        display: block;
        padding: 12px 0;
    }

    .h_menu_mobile_center_link:hover {
        color: var(--primary-color);
    }

    .h_m_mobile_center_link_span {
        font-size: 1.05em;
        font-weight: 500;
    }

    .h_menu_mobile_center_link i {
        font-size: 1.05em;
        font-weight: 500;
    }

    .h_menu_mobile_bottom_cta_item {
        padding: 0 40px;
    }

    .h_menu_mobile_b_cta_contact {
        display: block;
        align-items: center;
        justify-content: space-between;
        border: 1px solid transparent;
        font-size: 1.05em;
        background-color: var(--primary-color);
        color: var(--white-color);
    }

    .h_menu_mobile_b_cta_contact:hover {
        background-color: var(--primary-hover-color);
        color: var(--white-color);
    }

    .h_menu_mobile_b_cta_contact i {
        font-size: 1.05em;
    }

    .header_menu_mobile_item_sub_menu {
        display: none;
    }

    .header_menu_mobile_item_sub_menu.active {
        display: block;
    }

    .header_menu_mobile_item_sub_menu_list {
        padding: 0 12px;
        padding-bottom: 8px;
    }

    .header_menu_mobile_item_sub_menu_link {
        color: #535252;
        display: block;
        padding: 4px 0;
        font-size: 0.95em;
    }

    .header_menu_mobile_item_sub_menu_link:hover {
        color: var(--primary-color);
    }

    /* ==== Country ==== */
    .header_choose_country_bottom {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        padding: 20px 80px;
    }
    /* ==== /Country ==== */
    /* ============ [02] HEADER END ============ */


    /* ============ [03] MAIN START ============ */

    /* ==== Slider ==== */
    .slider {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .slider_flex {
        flex-direction: column;
        gap: 30px;
    }

    .slider_left {
        order: 1;
    }

    .slider_right {
        order: 2;
    }

    .slider_desc {
        margin-top: 15px;
    }
    /* ==== /Slider ==== */

    /* ==== Maestra ==== */
    .maestra_top {
        display: block !important;
    }

    .maestra_top_left {
        width: 100%;
    }

    .maestra_top_item {
        margin: 20px;
        margin-left: 0;
        margin-bottom: 0;
    }

    .maestra_top_right {
        width: 100%;
        margin-top: 5px;
    }

    .maestra_bottom {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px;
        margin-top: 15px;
    }

    .maestra_number {
        font-size: 3em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 3.5em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.6em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ==== Home Testimonials ==== */
    .home_testimonials_bottom_flex {
        display: block !important;
    }

    .home_testimonials_compagny_img {
        width: 100%;
        height: 280px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    /* ==== /Home Testimonials ==== */

    /* ==== Home About ==== */
    .home_about_flex {
        flex-direction: column;
        gap: 30px;
    }

    .home_about_left {
        order: 1;
    }

    .home_about_right {
        order: 2;
    }
    /* ==== /Home About ==== */

    /* ==== Home Expertise ==== */
    .home_expertise_flex {
        display: block !important;
    }

    .home_expertise_left {
        width: 100%;
        position: relative;
        top: 0;
    }

    .home_expertise_brand_list {
        justify-content: center;
    }

    .home_expertise_right {
        width: 100%;
        margin-top: 70px;
    }
    /* ==== /Home Expertise ==== */

    /* ============ [03] MAIN END ============ */


    /* ============ [04] FOOTER START ============ */
    /* ==== Footer Contact ==== */
    .footer_contact_flex {
        display: block !important;
    }

    .footer_contact_desc {
        width: 100%;
    }

    .footer_contact_right {
        margin-top: 30px;
    }

    .footer_contact_title {
        font-size: 1.5em;
    }
    /* ==== /Footer Contact ==== */

    /* ==== Footer Menu ==== */
    .footer_menu_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }
    /* ==== /Footer Menu ==== */

    /* ==== Footer Affiliate ==== */
    .footer_affiliate_grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 50px;
    }
    /* ==== /Footer Affiliate ==== */
    /* ============ [04] FOOTER END ============ */
}
/* ============ [01] MAX-WIDTH : 1024PX END ============ */


/* ============ [02] MAX-WIDTH : 991PX START ============ */
@media only screen and (max-width: 991px)
{
    /* ============ [03] MAIN START ============ */

    /* ==== Maestra ==== */
    .maestra_number {
        font-size: 2.8em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 3.3em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.5em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ============ [03] MAIN END ============ */


    /* ============ [04] FOOTER START ============ */

    /* ==== Footer Contact ==== */
    .footer_contact_title {
        font-size: 1.45em;
    }
    /* ==== /Footer Contact ==== */

    /* ============ [04] FOOTER END ============ */
}
/* ============ [02] MAX-WIDTH : 991PX END ============ */


/* ============ [03] MAX-WIDTH : 767PX START ============ */
@media only screen and (max-width: 767px)
{
    /* ============ [02] HEADER START ============ */
    /* ==== Country ==== */
    .header_choose_country_top_title {
        font-size: 1.45em;
    }

    .header_choose_country_top_close i {
        font-size: 1.6em;
        font-weight: 500;
        cursor: pointer;
        padding: 0;
        border: 1px solid transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
}

    .header_choose_country_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        padding: 20px 80px;
    }
    /* ==== /Country ==== */
    /* ============ [02] HEADER END ============ */


    /* ============ [03] MAIN START ============ */

    /* ==== Slider ==== */
    .slider_cta_item:first-child {
        margin-top: 0;
    }

    .slider_cta_item {
        display: block;
        margin-left: 0;
        margin-top: 12px;
    }
    /* ==== /Slider ==== */

    /* ==== Maestra ==== */
    .maestra_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 15px;
    }

    .maestra_number {
        font-size: 2.5em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 3em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.4em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ==== Home Testimonials ==== */
    .home_testimonials_top_flex {
        display: block !important;
    }

    .home_testimonials_top_right {
        margin-top: 25px;
    }

    .home_testimonials_bottom_flex {
        justify-content: flex-start;
        gap: 5px;
        margin-top: -110px;
        background-color: var(--white-color);
        box-shadow: var(--b-shadow);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
    }

    .home_testimonials_bottom_flex {
        display: block !important;
    }

    .home_testimonials_compagny_img {
        width: 100%;
        height: 250px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    /* ==== /Home Testimonials ==== */

    /* ==== Home Expertise ==== */
    .home_expertise_right {
        width: 100%;
        margin-top: 45px;
    }
    /* ==== /Home Expertise ==== */

    /* ==== Home Blog ==== */
    .home_blog_top {
        display: block !important;
    }

    .home_blog_top_right {
        margin-top: 25px;
    }

    .home_blog_bottom {
        margin-top: 60px;
    }
    /* ==== /Home Blog ==== */

    /* ============ [03] MAIN END ============ */


        /* ============ [04] FOOTER START ============ */
    /* ==== Footer Contact ==== */
    .footer_contact_flex {
        display: block !important;
    }

    .footer_contact_flex {
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        background-color: #84d6ab;
        padding: 30px 40px;
        margin-top: -130px;
        box-shadow: var(--b-shadow);
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-radius: 8px;
    }

    .footer_contact_title {
        font-size: 1.35em;
    }

    .footer_contact_desc {
        width: 100%;
    }

    .footer_contact_right {
        margin-top: 30px;
    }

    .footer_contact_item:first-child {
        margin-top: 0;
    }

    .footer_contact_item {
        display: block;
        margin-left: 0;
        margin-top: 25px;
    }
    /* ==== /Footer Contact ==== */

    /* ==== Footer Menu ==== */
    .footer_menu {
        margin-top: 55px;
    }

     .footer_menu_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    /* ==== /Footer Menu ==== */

    /* ==== Footer Affiliate ==== */
    .footer_affiliate {
        margin-top: 55px;
    }

    .footer_affiliate_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px;
    }
    /* ==== /Footer Affiliate ==== */
    /* ============ [04] FOOTER END ============ */
}
/* ============ [03] MAX-WIDTH : 767PX END ============ */


/* ============ [04] MAX-WIDTH : 576PX START ============ */
@media only screen and (max-width: 576px)
{
    /* ============ [02] HEADER START ============ */

    .header_flex {
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
    }

    /* ==== Country ==== */
    .header_choose_country_top {
        padding: 0 40px;
        padding-top: 30px;
        padding-bottom: 25px;
        align-items: center;
        justify-content: space-between;
    }

    .header_choose_country_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        padding: 20px 40px;
    }
    /* ==== /Country ==== */

    /* ============ [02] HEADER END ============ */


    /* ============ [03] MAIN START ============ */

    /* ==== Maestra ==== */
    .maestra_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 15px;
    }

    .maestra_number {
        font-size: 2.3em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 2.7em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.35em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ==== Home Testimonials ==== */
    .home_testimonials_bottom_flex {
        display: block !important;
    }

    .home_testimonials_bottom_right {
        padding: 25px 30px;
    }

    .home_testimonials_compagny_img {
        width: 100%;
        height: 200px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    /* ==== /Home Testimonials ==== */

    /* ============ [03] MAIN END ============ */

    /* ============ [04] FOOTER START ============ */

    /* ==== Footer Contact ==== */
    .footer_contact_title {
        font-size: 1.35em;
    }
    /* ==== /Footer Contact ==== */

    /* ============ [04] FOOTER END ============ */
}
/* ============ [04] MAX-WIDTH : 576PX END ============ */


/* ============ [05] MAX-WIDTH : 480PX START ============ */
@media only screen and (max-width: 480px)
{
    /* ============ [02] HEADER START ============ */

    /* ==== Country ==== */
    .header_choose_country_top {
        padding: 0 20px;
        padding-top: 30px;
        padding-bottom: 25px;
        align-items: center;
        justify-content: space-between;
    }

    .header_choose_country_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        padding: 20px 20px;
    }
    /* ==== /Country ==== */

    /* ============ [02] HEADER END ============ */


    /* ============ [03] MAIN START ============ */

    /* ==== Maestra ==== */
    .maestra_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 15px;
    }

    .maestra_number {
        font-size: 2.1em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 2.5em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.3em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ============ [03] MAIN END ============ */

    /* ============ [04] FOOTER START ============ */

    /* ==== Footer Contact ==== */
    .footer_contact_title {
        font-size: 1.3em;
    }
    /* ==== /Footer Contact ==== */

    /* ============ [04] FOOTER END ============ */
}
/* ============ [05] MAX-WIDTH : 480PX END ============ */


/* ============ [06] MAX-WIDTH : 390PX START ============ */
@media only screen and (max-width: 390px)
{
    /* ============ [02] HEADER START ============ */

    /* ==== Logo ==== */
    .header_logo {
        width: 95px;
        height: 22px;
        background-image: url(../images/logo/logo-ebriweb.svg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* ==== /Logo ==== */

    /* ==== Country ==== */
    .header_choose_country_top_title {
        font-size: 1.35em;
    }

    .header_choose_country_top_search {
        position: relative;
        margin-top: 10px;
        width: 100%;
    }

    .header_choose_country_top_close i {
        font-size: 1.5em;
    }
    /* ==== /Country ==== */

    /* ============ [02] HEADER END ============ */


    /* ============ [03] MAIN START ============ */

    /* ==== Maestra ==== */
    .maestra_bottom {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 15px;
    }

    .maestra_number {
        font-size: 2em;
        font-weight: 700;
    }

    .maestra_inch {
        font-size: 2.3em;
        font-weight: 700;
        color: var(--primary-color);
    }

    .maestra_item_title {
        font-size: 1.25em;
        margin-top: -7px;
    }
    /* ==== /Maestra ==== */

    /* ==== Home Testimonials ==== */
    .home_testimonials_bottom_flex {
        display: block !important;
    }

    .home_testimonials_compagny_img {
        width: 100%;
        height: 180px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0;
    }
    /* ==== /Home Testimonials ==== */

    /* ============ [03] MAIN END ============ */

    /* ============ [04] FOOTER START ============ */

    /* ==== Footer Menu ==== */
    .footer_logo {
        width: 95px;
        height: 22px;
        background-image: url(../images/logo/logo-ebriweb.svg);
        background-position: left;
        background-size: contain;
        background-repeat: no-repeat;
    }
    /* ==== /Footer Menu ==== */

    /* ==== Footer Contact ==== */
    .footer_contact_title {
        font-size: 1.25em;
    }
    /* ==== /Footer Contact ==== */

    /* ============ [04] FOOTER END ============ */
}
/* ============ [06] MAX-WIDTH : 390PX END ============ */