@media screen and (max-width: 1800px) {


    
}

@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1600px) {

 
    .popup_main form {
        max-height: 50vh;
        overflow-y: auto;
    }

    html[lang="de-DE"] .popup_btn_main a {
        padding: 15px;
        max-width: 130px;
        font-size: 0.7em;
    }
    .scroll-area{
        gap: unset;
    }

    .scroll_area_left {
        padding-left: 100px;
        padding-right: 50px;
    }
}

@media screen and (max-width: 1440px) {




/* Home Page */


    .counting_box {padding: 6px 70px 0;}  
	
    .certificate_logo_otr {gap: 50px 75px;}



 /* Contact Page */

    .get_in_touch_left {padding: 90px 60px 120px 100px;}
    .get_in_touch_right { padding: 90px 100px 100px 100px;}
    
    

/* location Listing */


    .location_slide_pag_btn { padding-right: 50px;}


    /* .contact_us_popup {
        top: 120px;
    } */
    .popup_main .get_in_touch_right {
        padding: 100px 80px;
        max-width: 680px;
    }


    .dropdown {
        bottom: 40px;
    }
	/* quick patch by Gary */
/*     .hero_banner_video_otr {
        aspect-ratio: 16 / 9;
    } */


    .scroll_area_left {
        padding-left: 60px;
        padding-right: 40px;
    }



    /* Location Detail  */

    .image_slide_location {
        padding-top: 60%;
    }
	
	html[lang="th"] .counting_box:nth-child(2) {
        width: 25%;
    }


}

@media screen and (max-width: 1300px) {


    .title_h1_big { font-size: 62px;}
    .thirty_p p {font-size: 26px; line-height: 46px;}

/* Home Page */
    

    .hero_banner { padding: 355px 0 260px;}
    .mtek_brand {padding: 120px 0 120px;}
    .brand_service_main {gap: 80px 90px; }
    .help_business {padding: 90px 0;}
    .counting { padding: 120px 0 120px;}
    .counting_box {padding: 6px 60px 0;}
    .mtek_apart {padding: 120px 0 120px;}
    .certifications {padding: 90px 0 120px;}
    .certificate_logo_otr { gap: 50px 40px;}
    .industry_experience {padding-bottom: 120px;}
    .global_location {padding: 120px 0 90px;}
    .check_service {padding: 80px 0;}
    .footer { padding: 90px 0;}

    .brand_service_otr {
        padding-top: 100px;
    }
    .hidden_content {
        gap: 30px;
    }


/* About us Page */

    .about_banner_img { margin-top: 90px;}
    .our_value { padding: 150px 0 150px; }

/* Industry Page */

    .industry_field_otr {padding: 120px 0;}



/* Contact Page */

    .get_in_touch_left { padding: 90px 60px 100px 80px;  gap: 140px;}




/* location Listing */


    .location_slider { padding: 90px 0; margin-top: 80px;}
    .location_banner .video_section , .location_image_section {padding-bottom: 40px;}


    /* .technology_section {
        margin-top: 90px;
    } */

    .service_inner_banner_btm {
        padding-bottom: 90px;
    }

    .popup_main .get_in_touch_right {
        padding: 80px 80px;
    }
    .cancel_btn {
        right: 7%;
    }


    /* .scroll-area {
        gap: 120px;
    } */

    .scroll_area_right {
        width: 48.8%;
    }

}

@media screen and (max-width: 1200px) {

    .title_h1_big { font-size: 56px;}
    h1, .title_h1 { font-size: 52px;}
    h2, .title_h2 {font-size: 50px; }
    h3, .title_h3 {font-size: 38px; line-height: 52px;}
    .thirty_p p {line-height: 42px;}


    a.btn, a.secondary_btn ,.check_service_main .secondary_btn , .our_services_home_main a.btn ,.our_services_home .service_tab .hidden_content a.btn{padding: 20px 40px;}

/* Home Page */

    .header {padding: 20px 0;}
    .hero_banner { padding: 340px 0 290px;}
    .mtek_brand ,.mtek_apart ,.counting ,.certifications {padding: 90px 0;}
    .brand_service_otr { padding-top: 80px;}
    .brand_service_main { gap: 70px 60px;}
    .counting_box {padding: 6px 35px 0;}

    .mtek_apart_main {max-width: 840px !important;}
    .mtek_apart_main h2 {padding-bottom: 60px;}
    .mtek_content {padding: 71px 100px 84px 100px; }
    .mtek-img { width: 42.8%;}
    .mtek_swiper_btn_otr {top: 46%;}
    .cmn_page_btn { width: 28px !important;}

    .our_services_home_main { gap: 60px; }

    .certificate_logo_otr img { width: 21%;}
    .industry_experience { padding-bottom: 90px;}
    .global_location {padding: 90px 0 70px;}
    .global_contry_otr {gap: 30px;}

    .footer_right .footer_location ul {
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        gap: 25px 0;
    }
    .footer_location {width: 100%; justify-content: space-between;}
    .menu-footer-country-menu-container { width: 100%; display: flex;}


/* About us Page */

    .our_value {padding: 120px 0 100px;}
    .our_value_tab h3 { padding-bottom: 30px;}
    .check_height { padding-bottom: 30px !important; }
    .about_banner_img { margin-top: 70px;}


/* Industry Page */

    .industry_field_otr {padding: 100px 0;} 
    .industry_content { padding: 0 60px 0 50px;}
    .industry_content h3 { padding-bottom: 40px;}
    .industry_content h3:after {bottom: 20px;}
    .industry_content {
        padding: 30px 40px;
    }


/* Service Page */

    .help_area {padding: 60px 0 90px;}


/* Contact Page */

    .get_in_touch_right, .get_in_touch_left {padding: 80px 60px;}


/* location Listing */ 

    .location_slide_pag .cmn_page_btn { width: 60px !important;}
    .location_slider { padding: 70px 0 50px; margin-top: 70px;}



    .company_history_title {
        padding-bottom: 100px;
    }
    .brand_service_img {
        max-width: 100px;
        min-height: 100px;
    }
    /* .contact_us_popup {
        top: 96px;
    } */


    .brand_service_main .brand_service {
        width: calc((100% - 2* 60px) / 3);
    }


    .company_history_line_box:after {
        top: 10px;
        height: 110px;
    }


    /* .scroll-area {
        gap: 50px;
    } */


    .scroll_area_left h2 {
        font-size: 45px;
    }

}


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

/* Home Page */


    .mobileIcon {
        display: block;
    }
    .mobileIcon {
        height: auto;
        cursor: pointer;
        z-index: 99999;
        position: relative;
        display: flex;
        align-items: center;
        width: max-content;
    }
    .mobileIcon span {
        width: 55px;
        height: 7px;
        border-radius: 0;
        display: inline-block;
        background: #000;
        position: relative;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    .mobileIcon span:before {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: white;
        top: -12px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    .mobileIcon span:after {
        position: absolute;
        content: '';
        width: 54px;
        height: 7px;
        border-radius: 0;
        background: white;
        bottom: -8px;
        -webkit-transition: all .3s ease 0s;
        -moz-transition: all .3s ease 0s;
        -ms-transition: all .3s ease 0s;
        -o-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }
    .menu-open .mobileIcon span {
        background: rgb(255 255 255 / 0%);
    }
    .menu-open .mobileIcon span:before {
        transform: rotate(45deg);
        top: -1px;
        background: white;
    }
    .menu-open .mobileIcon span:after {
        transform: rotate(-45deg);
        top: -1px;
        background: white;
    }
    .mobileIcon span:before {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #28628E;
        left: 0;
        top: -8px;
    }
    .mobileIcon span,
    .mobileIcon span:after {
        width: 25px;
        height: 3px;
        border-radius: 3px;
        background: #28628E;
        left: 0;
    }
    .right_menu {
        position: fixed;
        top: 0;
        right: auto;
        left: 0;
        bottom: 0;
        z-index: 999;
        width: 100%;
        transition: transform 300ms ease, opacity 300ms ease;
        transform: translate3d(-100%, 0, 0);
        transition: transform 300ms ease, opacity 300ms ease;
        padding: 50px 30px 30px;
        box-shadow: 0 10px 10px 0 rgb(0 0 0 / 23%);
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        display: flex;
        max-width: 100%;
        border-radius: 0;
        background: var(--light-black);
    }
    .menu-open .header_links {
        flex-direction: column;
    }
    .menu-open .right_menu {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        backface-visibility: hidden;
        transition: transform 300ms ease, opacity 300ms ease;
        display: flex;
        overflow: auto;
        flex-direction: column;
        background: #28628E;
    }
    .menu-open {
        overflow: hidden;
    }
    .menu-open ul.header_menu {
        justify-content: center;
        flex-direction: column;
        padding-top: 40px;
        gap: 0;
        width: 100%;
    }
    .menu-open .right_menu_btn {
        justify-content: center;
        padding-top: 30px;
    }
    .menu-open .header_logo {
        position: relative;
        z-index: 9999;
        justify-content: flex-start;
    }
    ul.header_menu li {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgb(255 255 255 / 30%);
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }
    .menu-open .right_menu ul li a:after {
        width: 30px;
    }
    .right_menu {
        display: none;
    }
    .right_menu ul.sub_menu {
        display: none !important;
        position: unset;
        width: 100%;
        background: #290140 !important;
        opacity: 1;
        transform: unset;
        transition: unset;
        margin-top: 20px;
        padding: 0 0 0 0;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .right_menu ul.sub_menu.submenu-open {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .menu-open .header_links ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .menu-open .header_links a:after {
        background: var(--white);
        width: 0 !important;
    }
    .menu-open .header_links a:hover:after {
        width: 100% !important;
    }
    .menu-open .header_links li a {
        color: var(--white) !important;
    }
    .header_main {
        justify-content: space-between;
        padding-left: 40px;
        padding-right: 40px;
    }
    .menu-open .header_menu ul {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }
    .menu-open .header_menu .menu-item-has-children ul.sub-menu {
        background: unset;
        max-width: 500px;
        position: unset;
        display: none;
        padding: 15px 0 0 15px;
    }
    ul.sub-menu.submenu-open li.menu-item-has-children ul.sub-menu.submenu-open {
        padding-bottom: 15px;
    }
    ul.sub-menu.submenu-open li.menu-item-has-children:last-child ul.sub-menu.submenu-open {
        padding-bottom: 0;
    }
    .menu-open .header-logo {
        z-index: 9999;
    }
    .menu-open .header_menu ul li {
        position: relative;
        padding: 0;
    }
    .menu-open .header_menu ul li:last-child::after {
        content: unset !important;
    }
    .header_right li.current-menu-item > a, .header_right li.current-menu-parent > a {
        color: white;
    }
    .header_right .header_menu ul > li a:before ,.sub-menu li.menu-item-has-children:after{
        content: unset;
    }
    .down-arrow {
        right: -30px;
        top: 17px;
        transform: translateY(-50%);
        background: url(https://m-tek.rcl.gmv.mybluehostin.me/wp-content/uploads/2024/11/Vector-4.svg);
        cursor:pointer;
    }
    .sub-menu li.menu-item-has-children .down-arrow {
        top: 10px;
    }
    .menu li.menu-item-has-children > ul.sub-menu.submenu-open + .down-arrow {
        transform: rotate(-180deg) !important;
        top: 10px;
    }
    ul.sub-menu.submenu-open .down-arrow {
        transform: rotate(0) !important;
    }
    .menu li.current-menu-parent > ul.sub-menu.submenu-open li.menu-item-has-children ul.sub-menu.submenu-open + .down-arrow {
        transform: rotate(180deg) !important;
    }
    .menu-open a.header_mobile_icon {
        display: block;
    }
    .menu-open a.header_desktop_icon {
        display: none;
    }



    .title_h1_big { font-size: 50px;}
    h2, .title_h2 {font-size: 44px;}
    h3, .title_h3 {font-size: 34px;line-height: 42px;}
    .thirty_p p {font-size: 24px; line-height: 40px;}

    .counting_box { padding: 6px 20px 0;}
    .mtek_apart_main { max-width: 840px !important; padding: 0px 40px;}
    .mtek_content {padding: 60px 80px 70px 80px;}
    .mtek_pag {margin-top: 50px;}
    .global_contry_otr { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    .check_service {padding: 70px 0;}
    .footer_left { width: 43.6%;}

    .help_business_main .title_content p {font-size: 28px;}
    .our_services_home{padding: 90px 0;}
    .experience_otr_main {gap: 32px 34px;}
    .experience_tab {
        width: calc((100% - 2* 20px) / 2);
    }
    .global_location_main {gap: 60px;}

    .hidden_content {
        padding-top: 30px;
        gap: 20px;
        padding-bottom: 15px;
    }


/* About us Page */
      .our_value { padding: 100px 0 80px;}
      .our_value_right {padding-left: 180px; }
      .patch_img {width: 220px; height: 220px;}

/* Industry Page */
    .industry_field_otr {padding: 90px 0;}
    .industry_content { padding: 30px  40px;}
    /* .industry_img_content {align-items: stretch;} */
    .industry_img img {height: 100%;}

/* Service Page  */

    .services_content {padding: 40px 30px 40px 30px;}
    .service_btn svg { width: 80px; height: 80px;}
    .services_logo {max-width: 90px;min-height: 90px;}


/* Contact Page  */
    .contact_location_map {padding: 90px 0;}
    .contact_location_map_main {grid-template-columns: repeat(2, minmax(0, 1fr));}
    .get_in_touch_right, .get_in_touch_left {  padding: 80px 40px; }
    .get_in_touch_left{ justify-content: space-between;}
    .form-row.first_last_name { gap: 30px;}


/* location */

    .location_country_content {
        padding: 50px 40px 60px;
    }
    .country_location {
        padding: 90px 0 90px;
    }

    .location_banner .video_section , .location_image_section{padding: 30px 0;}










    .scroll-area {
        gap: 0;
    }
    .scroll_area_left {
        padding-left: 50px;
        padding-right: 40px;
    }
    .scroll_area_right {
        width: 49%;
    }
    .service_control_main {gap: 50px;}
    /* .technology_section {
        margin-top: 70px;
    } */

    .service_inner_banner_btm {
        padding-bottom: 70px;
    }
  
    .brand_service_img {
        max-width: 80px;
        min-height: 80px;
        padding: 18px;
    }


    .global_contry_tab {
        width: calc((100% - 2* 15px) / 2);
    }
   
    .company_history_line_box:after {
        top: 22px;
        height: 95px;
    }
    .header_menu {
        flex-direction: column;
    }
    .menu-open .header_menu ul.language-switcher {
        flex-direction: row;
    }

    .header_right .header_menu ul > li.menu-item-has-children > a:before {
        content: unset;
    }



    .scroll_area_left h2 {
        font-size: 40px;
    }
    .footer_logo {
        max-width: 300px;
    }

}

@media screen and (max-width: 900px) {


    h1, .title_h1 {font-size: 48px;}
    h3, .title_h3 {font-size: 30px;line-height: 38px;}
    .thirty_p p {font-size: 22px; line-height: 2.3rem;}

/* Home Page */

    .hero_banner { padding: 320px 0 320px;}
    .brand_service_main .brand_service { min-width: calc((100% - 2* 40px) / 2);}

    .counting_box { width: 50%; gap: 25px;}
	html[lang="zh-hans"] .counting_box:nth-child(2) {
		width: 50%;
	}
	html[lang="th"] .counting_box:nth-child(2) {
        width: 50%;
    }
    .counting_box:nth-child(3) {
        border-left: unset;
    }
    .mtek_img_content_otr {
        flex-direction: column;
        align-items: center;
        height: auto;
    }
    .mtek-img {
        width: 60%;
        margin: 0;
    }
    .mtek_content {
        margin: 0;
        margin-top: -5%;
        padding: 80px 80px 80px 80px;
        min-height: unset;
    }
    .certificate_logo_otr img {
        width: 30%;
    }
 
    .footer_main {
        gap: 48px;
    }
  

/* About Us */

    .patch_img {display: none;}
    .our_value {padding: 70px 0 70px;}
    .our_value_right { padding-left: 100px;}


/* Industry Page */

    .industry_field_otr {padding: 70px 0;}
    .industry_img_content {align-items: stretch;}


/* Contact Page */

    .form-row.first_last_name {flex-direction: column; gap: 0;}
    .get_in_touch_right, .get_in_touch_left {padding: 60px 40px;}
    .contact_location_map { padding: 90px 0;}
   


    /* Location pgae */

    .country_location {
        padding: 70px 0 90px;
    }
    .location_country_content {
        padding: 30px 40px;
    }
    .country_location_main{gap: 40px;}
    .service_control_main {
        gap: 30px;
    }
    .service_btn {
        display: flex;
        width: max-content;
    }
    .service_btn a {
        padding: 10px 15px 10px 10px;
        min-width: unset;
    }
    .service_control_main svg {
        width: 60px;
        height: 60px;
    }
    .service_btn h4 {
        font-size: 24px;
    }
    .scroll_area_left {
        padding-right: 20px;
    }




    .global_title_content {
        gap: 22px;
    }
    .global_location_main{gap: 50px;}
    .popup_main .half-width {
        width: 100%;
    }
    .popup_btn_main svg {
        width: 60px;
    }
    

    .cancel_btn {
        right: 5%;
    }
    .cancel_btn svg {
        width: 25px;
    }
    /* .popup_main .get_in_touch_right {
        max-width: 540px;
    } */
    .popup_btn_main a {
        font-size: 14px;
        padding: 15px 10px;
    }

    .company_history_line_box:after {
        top: 25px;
    }

	html[lang="de-DE"] .popup_btn_main a {
		padding: 10px;
		max-width: 120px;
		font-size: 0.6em;
	}


	/* quick patch by Gary */
    .hero_banner_video_otr {
/*         aspect-ratio: 16 / 13; */
		aspect-ratio: 14 / 13;
    }
    .hero_banner_video {
/*         height: 100%; */
		aspect-ratio: 14 / 13;
    }


    .scroll_area_left h2 {
        font-size: 34px;
    }
    .footer_logo {
        max-width: 250px;
    }
	

}

@media screen and (max-width: 767px) {


    .container ,.header_main{padding: 0px 30px;}
    .title_h1_big {font-size: 46px;}
    h1, .title_h1 {font-size: 42px;}
    h2, .title_h2 ,.scroll_area_left h2 {font-size: 38px;}
    h3, .title_h3 {font-size: 30px; line-height: 38px; }
    a.secondary_btn, .check_service_main .secondary_btn {padding: 16px 25px;}
    .location_slide_pag_btn{padding-right: 30px;}

/* Home Page */

    .hero_banner { padding: 320px 0 330px;}
    .mtek_brand, .mtek_apart, .counting, .certifications ,.help_business ,.global_location ,.our_services_home {
        padding: 70px 0;
    }
    .brand_service_otr {
        padding-top: 60px;
    }
    .brand_service_main {
        gap: 50px;
    }
    .help_business_main .title_content {
        padding-bottom: 60px;
    }
    .mtek_content {
        padding: 80px 70px 50px 70px;
    }
    .our_services_home_main {
        gap: 50px;
    }
    .experience_otr {
        padding-top: 45px;
    }
    .industry_experience {
        padding-bottom: 70px;
    }
    .check_service {
        padding: 70px 0;
    }
    .our_service_img_content img.normal_logo {
        width: 50px;
    }
    .service_tab {
        margin-bottom: 24px;
        padding-bottom: 16px;
    }
    .our_services_home_main a.btn {
        margin: 0 auto;
    }

    .footer {
        padding: 70px 0;
    }
    .footer_main {
        flex-direction: column;
    }
    .footer_left {
        width: 100%;
        gap: 40px;
    }
    .footer_logo a {
        max-width: 280px;
    }
    .footer_contact_links {
        padding-top: 0;
    }
    .footer_contact {
        gap: 35px;
    }
    .footer_right {
        padding: 0;
        gap: 40px;
    }
    .footer_contact_links ul {
        gap: 30px 69px;
    }

    .popup_icon_otr {
        display: none;
    }
    .our_services_home .service_tab .hidden_content a.btn {
        font-size: 16px;
        padding: 16px 20px;
    }



/* About Us Page */

    .our_value_main {
        flex-direction: column;
        gap: 60px;
        align-items: flex-start;
    }
    .our_value_left h2:before {
        bottom: -20px;
        width: 230px;
    }
    .our_value_left br {
        display: none;
    }
    .our_value_right {
        padding-left: 0;
        min-height: 160px !important;
    }
    .our_value_right_main {
        height: auto;
    }



/* Industries Page */

    .industry_field_otr{padding: 70px 0 90px;}
    .industry_field_otr .container {padding: 0; }
    .industry_img_content {flex-direction: column;}
    .industry_img {width: 100%;}
    .industry_content {padding: 30px 30px 60px 30px;}
    .industry_img { position: relative;padding-top: 75%;}
    .industry_img img {position: absolute;inset: 0;}
    .industry_img_content:last-child .industry_content { padding-bottom: 0;}


/* service Page */

    .content_banner {padding-top: 40px;}
    .service_btn svg {width: 40px; height: 40px;}
    .service_btn h4 {font-size: 18px;}
    .help_area {padding: 50px 0 70px;}


 /*  Contact Page */

    .get_in_touch_right, .get_in_touch_left { width: 100%; padding: 50px 30px;}
    .get_title_content h3 {padding-top: 30px;}
    .get_in_touch_left {gap: 80px;}
    .half-width { width: 100%;}
    .contact_location_map_main { grid-template-columns: repeat(1, minmax(0, 1fr)); gap: 50px;}
    .map_iframe {aspect-ratio: 12 / 9;}
    .contact_location_map {padding: 70px 0;}
    .map_box {gap: 24px;}
    .map_adress h4 {padding-bottom: 8px;}
    .get_in_touch_main{ flex-direction: column ;}



/* Location Page */

 
    
    .location_country_content {
        padding: 30px 20px;
    }
    .country_location {
        padding: 50px 0;
    }
    .location_country_img{
        padding-top: 45%;
    }
    .country_location_main { gap: 40px;}



/* Location Listing */

    .location_banner .video_section , .location_image_section {
        padding: 30px 0;
    }
    .location_slider {
        padding: 50px 0;
        margin-top: 50px;
    }
    .location_slide_pag .cmn_page_btn {
        width: 40px !important;
    }
    .location_slide_pag {
        gap: 20px;
    }
    .location_progress_pag .swiper-pagination-progressbar-fill {
        height: 9px;
        top: -3px;
    }
    .location_slide_pag_btn {
        gap: 30px;
    }





    /* .scroll-area {
        flex-direction: column;
    } */

    .scroll-area {flex-direction: column; justify-content: flex-start;}
    .scroll_area_right img {height: 100%; }
    .scroll_area_right { width: 100%; height: 100%; flex: 1;}
    .scroll_area_left {
        height: auto;
        flex: unset;
        padding: 120px 30px 40px 60px;
        width: 100%;
    }
    .scroll_area_left p {
        max-width: 100%;
    }
    .service_control_main {flex-wrap: wrap;}
    .service_control_btn {padding: 50px 0;}

    .scroll_area_number span{margin-top: 40px; font-size: 40px;}
    
    
 
    .company_history_data_list {  flex: 0 0 calc(55.33% - 0px);}
    .company_history_title { padding-bottom: 60px;}

   

     /* Location Detail  */

     .image_slide_location {
        padding-top: 65%;
    }
    
    
    .footer_contact_links {
        flex-direction: column;
        gap: 20px;
    }
    
}

@media screen and (max-width: 600px) {

    .title_h1_big {
        font-size: 38px;
    }
    h1, .title_h1 {
        font-size: 34px;
    }
    h2, .title_h2 ,.scroll_area_left h2 {
        font-size: 32px;
    }
    h3, .title_h3 {
        font-size: 26px;
        line-height: normal;
    }
    h4, .title_h4 {
        font-size: 26px;
    }
    .container ,.header_main {
        padding: 0px 20px;
    }
     p {
        line-height: 26px;
    }
    .location_slide_pag_btn{
        padding-right: 20px;
    }

    
   

/* Home Page */  

    .header_logo a {
        max-width: 105px;
        width: 100%;
        display: block;
    }
    a.header_mobile_icon{display: none;}
    .menu-open a.header_mobile_icon{display: block;}
    .hero_banner {
        padding: 220px 0 200px;
    }
    .dropdown{
        display: none;
    }
    .mtek_brand, .mtek_apart, .counting, .certifications ,.help_business ,.global_location ,.our_services_home  {
        padding: 50px 0;
    }
    .brand_service_main .brand_service {
        min-width: calc((100% - 2* 0px) / 1);
        gap: 24px;
    }
    .mtek_apart_main {
        max-width: 100% !important;
        padding: 0;
    }
    .mtek_content {
        padding: 80px 45px 50px 45px;
    }
    .mtek-img {
        width: 70%;
    }
    .mtek_swiper_btn_otr {
        top: auto;
        bottom: -1.1%;
        /* z-index: -1; */
    }

    .our_service_img_content {
        gap: 20px;
    }
    .service_tab svg {
        width: 50px;
        height: 50px;
        
    }
    .our_service_img_content img.normal_logo {
        width: 45px;
    }
    .certificate_logo_otr img {
        width: 40%;
    }
    .industry_experience{
        padding-bottom: 50px;
    }
    .global_contry_otr {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .global_contry_otr .global_contry_tab:last-child .country_content {
        padding-bottom: 0;
    }

    .check_service {
        padding: 50px 0;
    }
    .check_service_main {
        gap: 30px;
    }
    .footer {
        padding: 50px 0;
    }
  

/* About us Page */

    .content_banner {
        padding-top: 30px;
    }
    .thirty_p p {
        font-size: 20px;
        line-height: 2rem;
    }
    .about_banner_img {
        margin-top: 50px;
    }
    .about_banner_img img {
        aspect-ratio: 13 / 12;
    }
    .our_value {
        padding: 50px 0;
    }
    .our_value_tab h3 {
        padding-bottom: 24px;
    }
    .content_banner_main h2 {
        padding: 10px 0 26px;
    }
    .our_value_left h2:before {
        width: 107%;
    }
    .our_value_pag span.swiper-pagination-bullet {
        width: 9px;
        height: 9px;
    }
    .our_value_pag span.swiper-pagination-bullet-active {
        width: 9px;
        height: 36px;
    }
    .our_value_right {
        gap: 30px;
    }
   

/* Industries Page */

    .industry_field_otr {
        padding: 50px 0 70px;
    }
    .industry_content{
        padding: 30px 20px 60px 30px;
    }
    .industry_img {
        padding-top: 97.3%;
    }



/* Service page */

    .service_btn svg { width: 60px;  height: 60px;}
    .service_title_des { flex-direction: column;  gap: 40px;}
    .service_title_des .service_btn {display: flex;justify-content: end;}
    .services_content {padding: 30px 20px;}
    .service_box a:hover::after { content: unset;}
    .services_logo { max-width: 75px; min-height: 75px; padding: 18px;}
    .service_box a:hover img.hover_logo { display: none;}
    .service_box a:hover img.normal_logo {display: flex;}
    .service_box a:hover .services_logo {background: rgba(40, 98, 142, 1);}
    .service_title { gap: 12px;}
    /* .technology_section{margin-top: 50px;} */
    .service_inner_banner_btm {
        padding-bottom: 50px;
    }


/* Contact Page */

    .get_title_content h3 {padding-top: 22px;}
    .get_in_touch_left {gap: 60px;}
    .form-row.form_btn.btn { margin-top: 14px;}
    .get_in_touch_right h4 {display: none;}
    .contact_form_info .form_btn input , .form-row.form_btn.btn p ,.form-row.form_btn.btn input {width: 100% !important;}
    .get_in_touch_right, .get_in_touch_left{padding: 30px 20px;}
    .contact_form_info form input, .contact_form_info form textarea { font-size: 16px;  line-height: 23px;}
    .contact_location_map {  padding: 50px 0;}
    .get_title_content h4 {line-height: normal;}
    .get_contact_details a { font-size: 20px; font-weight: 600;}





    .location_country_box {flex-direction: column;}
    .location_country_img { width: 100%;  padding-top: 50%;}
    .location_country_content { gap: 30px; align-items: center;}
    .location_country_content a { width: 100%;}


 
    .location_slide_pag_btn {
        gap: 25px;
    }


    .service_btn h4 {
        font-size: 16px;
    }
    .service_btn svg {
        width: 30px;
        height: 30px;
    }
    .service_control_main {
        gap: 20px;
    }
    .service_control_btn {
        padding: 40px 0;
    }


    .company_history_data_list {
        flex: 0 0 calc(65.33% - 10px);
    }
    
    .hidden_content {
        padding-top: 20px;

    }


    .experience_tab {
        width: calc((100% - 2* 0px) / 1);
    }
    .global_contry_tab {
        width: calc((100% - 2* 0px) / 1);
    }

    .company_history_line_box:after {
        top: 30px;
        height: 90px;
    }

	/* quick patch by Gary */
/*     .hero_banner_video_otr {
        aspect-ratio: 14 / 13;
    } */
    .footer_logo {
        max-width: 187px;
    }
    
    .footer_right .footer_location ul {
        gap: 16px 0;
    }
    .scroll_area_left {
        padding: 100px 20px 20px 50px;
    }

    .footer_location a {
        font-weight: 700;
        font-size: 18px;
    }
}


@media screen and (max-width: 479px) {

    .title_h1_big {
        font-size: 58px;
    }
    h1, .title_h1 {
        font-size: 30px;
    }
	/* quick patch by Gary */
	.hero_banner_main h1 {
		font-size: 19px;
	}
    h2, .title_h2 ,.scroll_area_left h2 {
        font-size: 28px;
        text-align: left;
    }
    h3, .title_h3 {
        font-size: 21px;
        line-height: normal;
    }
    p{
        font-size: 16px;
        line-height: 24px;
    }
    a.btn {
        padding: 18px 29px;
        font-size: 13px;
    }
    .mtek_apart_main h2 {
        text-align: left;
    }

/* Home Page */ 



    .header {
        padding: 20px 0;
    }
    .header_logo a {
        max-width: 98px;
    }
    .hero_banner {
        padding: 195px 0 198px;
    }
    .hero_banner_main {
        padding: 0 10px;
    }
    .mtek_brand_main h2{
        text-align: left;
    }
    
    .brand_service_otr {
        padding-top: 22px;
    }
    .brand_service_img {
        max-width: 98px;
        min-height: 98px;
        padding: 20px;
    }
    .brand_pagination_btn {
        display: flex;
    }
    .brand_service_main {
        max-width: 100% !important;
        width: 100% !important;
        gap: unset !important;
        flex-wrap: unset !important;
        margin: unset !important;
        justify-content: unset !important;
    }
    .brand_service_main .brand_service {
        min-width: 100%;
        gap:19px;
    }
    .cmn_page_btn {
        width: 41px !important;
    }


    .help_business_main .title_content p {
        display: none;
    }
    .help_business {
        padding: 90px 0 60px;
    }

    .counting {
        padding: 0;
        background: unset;
    }
    .counting .big_container.container {
        padding: 0;
    }
    .counting_box {
        width: 100%;
        border-left: unset;
        padding: 33px 20px ;
        gap: 17px;
    }
    .counting_box p {
        padding-bottom: 20px;
    }
    .counting_main .counting_box:nth-child(even) {
        background: rgba(40, 98, 142, 0.40);
    }
    .counting_main .counting_box:nth-child(odd) {
        background: #28628E;
    }
    
    .counting_box:last-child {
        padding-right: 20px;
    }
    .counting_main {
        gap: 0;
    }

    .industry_experience .container {
        padding-right: 0;
    }
    .experience_otr_main {
        display: flex;
        gap: unset;
        flex-wrap: unset;
        justify-content: unset;
    }

    .mtek_swiper_btn_otr .cmn_page_btn {
        width: 17px  !important;
    }
    .mtek_pag span.swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
    .mtek_content {
        padding: 60px 24px 41px 24px;
        margin-top: -10%;
    }
    .mtek-img {
        width: 75%;
    }
    .mtek_content h3 {
        padding-bottom: 30px;
    }
    .mtek_content h3:after {
        height: 5px;
        bottom: 12px;
    }
    .mtek_pag {
        margin-top: 28px;
    }
    .our_service_img_content {
        gap: 14px;
    }
    .service_tab  svg {
        width: 45px;
        height: 45px;
    }
    .our_services_home_main a.btn {
        width: 100%;
    }
    .certificate_logo_otr {
        gap: 15px 20px;
        padding-top: 30px;
    }
    .certificate_logo_otr img {
        width: 47%;
    }

    .experience_otr {
        padding-top: 20px;
    }
   


    .global_title_content {
        gap: 8px;
    }
    .global_title_content p {
        text-align: left;
    }
    .global_location_main {
        gap: 42px;
    }

    .global_contry_tab {
        gap: 16px;
    }
    .country_content {
        gap: 25px;
        padding-bottom: 0px;
    }
    .country_content h4 {
        line-height: 25px;
    }
    .global_contry_otr {
        gap: 45px;
    }
    .country_content a.btn ,.check_service_main a.btn {
        width: 100%;
    }
   
    .contry_img {
        padding-top: 56.2%;
    }

    .check_service {
        padding: 40px 0;
    }
    .check_service_main {
        gap: 16px;
    }


    .footer {
        padding: 30px 0;
    }
    .footer_contact {
        gap: 25px;
    }
    .footer_logo a {
        max-width: 190px;
    }
    .footer_contact a.btn {
        width: 100%;
        padding: 15px 30.6px;
    }
    .footer_left{
        gap: 60px;
    }
    .footer_main{
        gap: 30px;
    }

    .footer_contact_links ul li {
        width: 100%;
    }
    .footer_contact_links ul {
        gap: 16px ;
    }
    
    .footer_location a {
        font-weight: 700;
        font-size: 16px;
    }
    .check_service_main h4 {
        font-weight: 600;
    }
    .our_service_img_content img.normal_logo {
        width: 35px;
    }



    .our_value_tab h3 {
        padding-bottom: 16px;
    }
    .industry_content {
        padding: 20px 20px 40px 20px;
    }
    .industry_content h3:after {
        height: 6px;
        bottom: 19px;
    }
    .get_contact_details a { font-size: 16px;}
    .location_country_content {padding: 20px;}
    .location_banner .video_section , .location_image_section {padding: 15px 0;}

    /* .company_history_data_list { flex: 0 0 calc(65.33% - 50px);} */
    .company_history_data_list {
        flex: 0 0 calc(70.33% - 10px);
    }
    .service_btn {
        width: 100%;
    }

    .scroll_area_number span{ font-size: 34px;}
    .company_history_line_box {
        margin-bottom: 160px;
    }
    .company_history_line_box:after {
        top: 39px;
        height: 82px;
    }
	
	.counting_box:first-child {
		padding-left: 20px;
	}
	html[lang="zh-hans"] .counting_box:nth-child(2) {
        width: 100%;
    }
	html[lang="th"] .counting_box:nth-child(2) {
        width: 100%;
    }
}


@media screen and (max-width: 374px) {

    h1, .title_h1 {
        font-size: 27px;
    }
    h2, .title_h2 , .scroll_area_left h2 {
        font-size: 27px;
    }
    h4, .title_h4 {
        font-size: 22px;
        line-height: 25px;
    }
    p {
        line-height: 23px;
    }
    a.btn {
        padding: 12.5px 29px;
    }
    .thirty_p p {
        font-size: 16px;
        line-height: 24px;
    }
   


/* Home Page */


 


    .certificate_logo_otr img {
        width: 46%;
    }
    .about_banner_img img {
        aspect-ratio: 16 / 22;
    }
    .industry_content {
        padding: 15px 20px 30px 20px;
    }
    /* .company_history_data_list {
        flex: 0 0 calc(100% - 70px);
    } */
    .company_history_data_list {
        flex: 0 0 calc(100% - 65px);
    }

    .map_iframe {
        aspect-ratio: 12.6 / 8;
    }

}