/* -------------------------------------  1650px  ------------------------------------- */
@media(max-width:1650px)
{

    .AllPageWide{ margin-left: 50px; margin-right:50px; }
    /*.NavigationTP ul li{ margin: 0 25px; font-size: 20px; }*/
    .HeaderMenuBox .Logo img{ max-width: 350px; }
    .NavigationTPSub ul li:hover .SubMenu{ left: 3%; }
    
    

}

/* -------------------------------------  1470px  ------------------------------------- */
@media(max-width:1470px)
{

    .AllPageWide{ margin-left: 50px; margin-right:50px; }
    /*.NavigationTP ul li{ margin: 0 25px; font-size: 20px; }*/
    .NavigationTP ul li:nth-child(1){ margin-left: 0;}
    .HeaderMenuBox .Logo img{ max-width: 280px; }
    .NavigationTPSub ul li:nth-child(1) img{ max-width: 46px; }
    .NavigationTPSub ul li:nth-child(2) img{ max-width: 46px; }
    .NavigationTPSub ul li:nth-child(3) img{ max-width: 46px; }
    .HeaderTop{ font-size: 24px; font-weight: 400; color: #777777;}
    .NavigationTPSub ul li:hover .SubMenu{ left: 2%; }

    

}

/* -------------------------------------  1470px  ------------------------------------- */
@media(max-width:1400px)
{
    .NavigationTP ul li{ margin: 0 17px; font-size: 19px;}
}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    /* HeaderMenu */
    .HeaderMenu{ height: 295px; }
    .HeaderMenuBox{ max-width: 94%; }
    .NavigationTP ul li{ margin: 0 15px; font-size: 18px;}
    .HeaderMenuBox{ /*margin-left: 60px; margin-right: 60px;*/ margin-top: 30px; }
    /*.HeaderMenuBox .Logo img{ max-height: 30px; }
    .HeaderMenu.fixed .HeaderMenuBox .Logo img{ max-height: 30px !important;}
    .HeaderMenuBox .NavigationTP ul li{ margin: 0 10px; font-size:14px; letter-spacing: 0px; }
    .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ top: 12px; }
    .HeaderMenuBox .LangTP ul li{ margin: 0 0 0 5px; }
    .HeaderMenuBox .LangTP ul li a{ line-height: 27px;}
    .SCLBox{ width: 365px;}*/
    .ContactBTN{ width: 115px; margin: 0 10px;  }
    .ContactBTN a{ font-size: 12px; padding: 4px 20px; }

    /*.HeaderMenu.off-canvas .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .HeaderMenu.fixed .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .HeaderMenu.fixedBox .HeaderMenuBox .Logo img{ max-height: 30px!important; }
    .FixedMenu .HeaderMenuBox .Logo img{ max-height: 30px!important; }*/

    /* AllPageWidth */
    .AllPageBox{ margin-top: 295px; margin-left: 50px; margin-right: 50px; }
    .AllPageWidth{ max-width: 100%; margin-left: 50px; margin-right: 50px; }
    .AllPageWide{ max-width: 100%; margin-left: 50px; margin-right: 50px; }
    .AllPageWidth.forSingle{ margin: auto; }
    /* AllPageBox */


    /* StickyNavigation */
    .StickyNav { right: 30px; }

    /*  StickyNavMenuBox */
    .StickyNavMenu .StickyNavMenuBox{ margin-left: 50px; margin-right: 50px; }
    .SBody .SBodyBox .Title{ font-size: 24px;}
    .SBody .SBodyBox{ padding-right: 30px;}
    .SBody .SBodyBox ul{ margin: 10px 0 10px 15px; }
    .SBody .SBodyBox ul li{ font-size: 15px;}
    .polylang_langswitcher ul li{ font-size: 18px;}

    .NavigationTPSub ul li:hover .SubMenu ul{ width: 100%; margin-left: 0; margin-right: 0; padding-top: 50px; padding-bottom: 50px;}

    .Box2Column .Apply a{ font-size: 31px;}
    .Box2Column .SiteVistTitle h1{ font-size: 33px;}
    .SiteVist .TitleSubject{ font-size: 33px; }

    

}

/* -------------------------------------  1200px  ------------------------------------- */
@media(max-width:1200px)
{
   
    .HeaderMenuBox .Logo img{ max-width: 220px; }
    .HeaderTop{ font-size: 20px; }
    .NavigationTP ul li{ margin: 0 15px; font-size: 16px;}
    .NavigationTP{ margin-top: 20px;}
    .NavigationTPSub ul{ margin-left: 50px; margin-right: 50px; }

    .HeaderMenu{ background-size: 60%; }

    .THPage .Apply{ width: 670px; }


    .BannerLink img{ width: 100%; height: auto; max-height: 100%;}

  
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
    /* Navigation & MobileMenu */
    .HeaderMenu{ background-size: 50%; }
    .MobileMenu{ display: flex!important; }
    .MobileMenu .LogoMB a{ position: absolute; /*width: 100%;*/ text-align: left; left: 15px; top: 15px; }
    .MobileMenu .LogoMB img{ max-width: 130px; position: relative; z-index: 1; }
    /*.HeaderMenu.fixed .HeaderMenuBox .SPNav{ height: 100%!important; margin-top: 0px!important; opacity: 1!important; transition: all .3s;}*/
    .HeaderMenu.fixedBox .SPNav{  transition: all .3s; height: 100%!important;  margin-top: 0px!important; opacity: 1;}
    .HeaderMenu{ height: 60px;}
    .HeaderMenuBox{ /*display: none;*/ backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; width: 100%; max-width: 100%!important; height: 100vh; margin: 0; transition: all .3s; transition: all .3s; }
    .HeaderMenuBox .NavigationTP ul li a:after { bottom: -1px; }
    .HeaderMenuBox .Logo{ display: none; }
    /*.HeaderMenuBox .LangTP{ display: none; }
    .NavigationTP{ display: none;}*/
    .StickyNavPage .Hamburger{  border: 1px solid #fff; }
    .StickyNavPage .line { stroke:#fff; }

    .PageMenu{  background: #262626!important; }
    .PageMenu.fixed{  background: #262626!important; }
    .PageMenu.off-canvas{ background-color: rgba(0, 0, 0, 0.6)!important; }

    .SPNav{ display: block; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; width: 100%; height: 0; margin: auto; opacity: 0; margin-top: -300%!important; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: center; transition: all .3s; }
    .HeaderMenuBox .SPNav{ display: block;  transition: all .3s; /*opacity: 1;*/}
    .fixedBox .MobileMenu{ background: rgba(0, 0, 0, 0.6)!important; backdrop-filter: blur(10px)!important; -webkit-backdrop-filter: blur(10px)!important; transition: all .3s; }
    .activeMenu .NavigationTP{ display: block; max-width: 90%; margin: auto; margin-top: 10px; margin-bottom: 10px; }
    .activeMenu .NavigationTP ul{ height: auto; display: block; }
    .activeMenu .NavigationTP ul li{ font-size: 17px; font-weight: 500; border-bottom: 0px solid #2e2a26; }
    .activeMenu .NavigationTP ul li a{ color: #fff; display: block; text-align: left; padding: 10px 0!important; }
    .activeMenu .NavigationTP ul li a:hover{ color: #fff;}
    .HeaderMenuBox .NavigationTP ul{ display: block;/* max-width: 90%;*/ margin: auto;}
    .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ width: 100%; padding: 0px!important; background-color: transparent!important; }
    .HeaderMenuBox .NavigationTP ul li:after{ bottom: 0; display: none;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu{ width: auto;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul{ margin-left: 15px;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul li{ background-color: transparent!important; backdrop-filter: none!important; border-bottom: 0px solid rgba(0, 0, 0, 0)!important; }
    .activeMenu .NavigationTP ul li a.currentmenu:after { bottom: -1px;}
    .HeaderMenuBox .NavigationTP ul li.current_page_item a:after { bottom: -1px;}
    .HeaderMenuBox .NavigationTP ul li .SubMenu ul li:after { display: none; }
    .activeMenu .LangTP{ display: block; width: 90%; text-align: center!important; margin: auto;}
    .activeMenu .LangTP ul{ justify-content: center!important;}
    .activeMenu .LangTP ul li{ border-bottom: 0px solid #2e2a26;}
    .activeMenu .LangTP ul li a{ padding: 0!important;}
    .activeMenu .LangTP ul li:last-child{ border-bottom: 0; margin-top: 0px; }
    .NavigationTP ul{ display: block;}
    .NavigationTP ul li .SubMenu{  position: relative!important; height: auto!important; opacity: 1!important; top: 0!important; }
    .NavigationTP ul li .SubMenu ul{ display: block!important; /*padding: 0 0 0 10px!important;*/ }
    .NavigationTP ul li .SubMenu ul li a{ color: #fff!important;}
    .NavigationTP ul li:hover .SubMenu{ display: block!important; position: relative; width: auto; left: 0; top: 0; height: auto; padding: 0px 0px 0px 0px; z-index: -1;}
    .NavigationTP ul li .SubMenu{ display: block; }
    .NavigationTP ul li .SubMenu ul{ display: block; height: auto; padding: 5px 10px; }
    .NavigationTP ul li .SubMenu ul li{ margin: 0; padding: 0; clear: both; padding: 0;background-color: rgba(0, 0, 0, 0)!important; backdrop-filter: blur(0px)!important; -webkit-backdrop-filter: blur(0px)!important; border-bottom: 0px solid rgba(0, 0, 0, 0)!important; }
    .NavigationTP ul li .SubMenu ul li a{ color: #fff; padding: 2px 0!important; }
    .NavigationTP ul li .SubMenu ul li:last-child { padding-bottom: 10px; }
    .NavigationTP ul li .SubMenu ul li a:hover{ color: #ccc; }
    .NavTPColor ul li a{  color: #adc009!important; }
    .NavTPColor ul li a:hover{  color: #fff!important; }
    .NSCLBox{ display: block; }
    .SCLBox{ display: block; width: 100%; max-width: 90%; margin: auto; }
    /* End Navigation & MobileMenu */

    .SBody .SBodyBox ul li .Icon1{ max-width: 40px; }
    .SBody .SBodyBox ul li .Icon2{ max-width: 35px; }
    .SBody .SBodyBox ul li .Icon3{ max-width: 35px; }

    .LangTop{ margin: 0 0 0 10px; }
    .ContactBTN{ width: 180px; max-width: 90%; margin: auto; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; }
    .ContactBTN a{ padding: 10px 30px; border-radius: 0px; border: 0px solid #fff; }
    .ContactBTN img{ display: inline-block; width: auto; max-width: 24px; margin-right: 10px; vertical-align: middle;}
    .button--mimas span { position: relative; mix-blend-mode: difference; }
    .button--mimas::before { content: ''; background: #fff; }

    /* footer */
    footer .FooterMenu{ font-size: 16px; }
    footer .FooterMenu ul li{ padding: 0px 25px; }
    footer .FooterBox .FoterLogoSNS .RightSNS{ font-size: 23px; }
    footer .FooterBox .FoterLogoSNS .RightSNS .Icons img{ max-width: 35px; }

    /* AllPageWidth */
    .AllPageBox{ max-width: 90%; margin: auto; margin-top: 20px; }
    .AllPageWidth{ max-width: 90%; margin: 0 auto; }
    .AllPageWide{ max-width: 90%; margin: auto; }

    /*  StickyNavMenuBox */
    .StickyNav { display: block!important; top: 0; right: 10px; opacity: 1;}
    .StickyNavMenu .StickyNavMenuBox{ max-width: 90%; margin: auto; padding: 50px 0 50px 0; }
    .Hamburger{ width: 45px; height: 45px; margin-top: 8px!important; }
    .ham { width: 50px;}

    .fixed .line { stroke:#fff; }
    .fixed .Hamburger{ border: 1px solid #fff;}
    .FixedScrollB{ border: 1px solid #000!important; }
    .FixedScrollB .line { stroke:#000!important; }
    .FixedScrollB.HamburgerClose{ border: 1px solid red!important; }

    .FixedScrollB .hamRotate.active { transform: rotate(45deg); stroke:red!important; }
    .FixedScrollB .hamRotate180.active { transform: rotate(180deg); stroke:red!important; }
    .FixedScrollB .ham4.active .top { stroke-dashoffset: -68px;  stroke:red!important; }
    .FixedScrollB .ham4.active .bottom { stroke-dashoffset: -68px; stroke:red!important; }
    .FixedScrollB .ham4.active .middle { stroke:red!important; }
    .FixedScrollB .ham8.active .top { stroke-dashoffset: -68px;  stroke:red!important; }
    .FixedScrollB .ham8.active .bottom { stroke-dashoffset: -68px; stroke:red!important; }
    .FixedScrollB .ham8.active .middle { stroke:red!important; }

    .SBody{ display: block;}
    .SBody .SBodyBox{ width: 100%; padding-right: 0px; color: #231815; margin-top: 20px; }
    .SBody .SBodyBox{ padding-right: 0px;}
    .SBody .SBodyBox .Title{ font-size: 23px; }
    .SBody .SBodyBox ul{ margin: 10px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 18px; border-bottom: 1px solid #ccc;}
    /*.SBody .SBodyBox ul li img{ max-width: 32px; height: auto; max-height: 32px;}*/
    .polylang_langswitcher ul{ display: flex; justify-content: center; margin-top: 20px; }

    .TopBGFixed{ width: 60%; }
    .FooterBGFixed{ width: 100%; bottom: 100px; }

    .AboutAMEICC h1{ font-size: 30px;}
    .SectionBox{ margin: 50px 0 40px 0; }
    .CaptionBG{ font-size: 20px;}
    .HeaderColor{ font-size: 28px;}
    .ObjectiveList ul li br{ display: none;}

    .ASEANJPHRD h2{ font-size: 40px; line-height: 40px; }
    .ASEANJPHRD h3{ font-size: 28px; }

    .SiteVist .TitleSubject{ font-size: 26px;}
    .SiteVist h3{ font-size: 26px; }
    .Box2Column .SiteVistTitle .Date{ font-size: 21px;}
    .Box2Column .SiteVistTitle h1{ font-size: 28px;}
    .Box2Column .Apply a{ font-size: 26px;}

    .GalleryList ul li .Picture{ height: 300px; }
    .GalleryList .slick-prev,.GalleryList  .slick-next{ top: 345px!important; }

    .Box2ColumnOverview .Title{ padding-left: 25px;}
    .Box2ColumnOverview .Title h1{ font-size: 24px;}
    /*.Box2ColumnOverview .Apply a{ font-size: 26px;}
    .Box2ColumnOverview .Apply a span{ font-size: 45px;}*/
    .Box2ColumnOverview .Apply p{ font-size: 26px; }
    .Box2ColumnOverview .Apply p span{ font-size: 45px; }
    .OverviewBox h2{ font-size: 28px; line-height: 40px;}

    .SubsidyTrainingProgramTable{ width: 100%; overflow-y: scroll; }
    .SubsidyTrainingProgramTable table{ width: 1200px;}

    .TrainingProgramScheduleTable{ width: 100%; overflow-y: scroll; }
    .TrainingProgramScheduleTable table td.No{ width: 15%;}
    .TrainingProgramScheduleTable table td.No p{ width: 40px; text-align: center;}
    .TrainingProgramScheduleTable table td.CompanyName{ width: 20%;}
    .TrainingProgramScheduleTable table td.CompanyName p{ width: 110px;} 
    .TrainingProgramScheduleTable table td.Month{ width: 70%;}
    .TrainingProgramScheduleTable table{ width: 900px;}
    .BorderTable1{ width: 100%!important;}
    .BorderTable2{ width: 100%!important;}
    .BorderTable3{ width: 100%!important;}

    .CourseList ul li .Title{ font-size: 17px; line-height: 25px; }

    /*.CourseSingle h1{ font-size: 18px; }*/
    .TitleFix{ font-size: 18px; }
    .SingleApply .CompanyName{ font-size: 30px; }
    .SingleApply .Apply a{ font-size: 25px; }

    .ContentOthers h2{ font-size: 40px; line-height: 40px; }
    .ContentOthers h3{ font-size: 28px; }

    .NewsList ul li .FeatureImage{ height: 210px; }
    .NewsList ul li .Title{ font-size: 18px; }
    .EventLR .FeatureImageEvent{ height: 210px; }
    .EventLR .DetailEvent .Title{ font-size: 20px; line-height: 25px;}
    .EventLR .DetailEvent .Date{ font-size: 16px; margin-top: 10px;}

    .THPage .Apply p { padding: 15px 10px; }
    .THPage .Apply { line-height: 35px; width: 600px;}

    .TabsForSV ul li{ font-size: 18px; padding: 10px 20px 8px 20px }

}   

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    .pc-only { display: none; }
    .sp-only {  display: block; }

    /* footer */
    footer .FooterBox .FoterLogoSNS{ display: block; }
    footer .FooterBox .FoterLogoSNS .LeftLogo{ width: 100%; text-align: center;}
    footer .FooterBox .FoterLogoSNS .RightSNS{ margin-top: 20px; width: 100%; text-align: center; justify-content: center; }

    /*  StickyNavMenuBox */
    .SHeader .ContactBTN{ margin: 0;}
    .SBody .SBodyBox .Title{ font-size: 23px; }
    .SBody .SBodyBox ul{ margin: 10px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 14px; }

    .AboutAMEICC h1{ font-size: 28px;}
    .SectionBox{ margin: 50px 0 40px 0; }
    .CaptionBG{ font-size: 20px;}
    .HeaderColor{ font-size: 26px;}

    .ASEANJPHRD h2{ font-size: 35px; line-height: 40px; }

    .SiteVist .TitleSubject{ font-size: 26px;}
    .SiteVist h3{ font-size: 26px; }

    .Box2Column{ display: block; }
    .Box2Column .SiteVistTitle{ width: 100%;}
    .Box2Column .Apply{ width: 100%; margin-top: 20px;}
    .Box2Column .SiteVistTitle h1{ font-size: 26px;}

    .THPage .Title{ width: 50%;}
    .THPage .Apply p { padding: 15px 10px; }
    .THPage .Apply { line-height: 35px; width: 600px;}

    .GalleryList ul li .Title{ font-size: 26px; padding-right: 100px;}
    .GalleryList ul li .Picture{ height: 260px; }
    .GalleryList .slick-prev,.GalleryList  .slick-next{ top: 300px!important; }
    .GalleryList .slick-prev:before { width: 35px!important; height: 36px!important; }
    .GalleryList .slick-next:before { width: 35px!important; height: 36px!important; }
    .GalleryList .slick-prev,.GalleryList .slick-next{ width: 35px!important; height: 36px!important; }
    .GalleryList .slick-prev{ right: 40px!important; }
    
    .Box2ColumnOverview .Apply{ width: 300px;}
    /*.Box2ColumnOverview .Apply a{ font-size: 20px; }
    .Box2ColumnOverview .Apply a span{ font-size: 40px;}*/
    .Box2ColumnOverview .Apply p{ font-size: 20px; }
    .Box2ColumnOverview .Apply p span{ font-size: 40px; }
    .Box2ColumnOverview .Title h1{ font-size: 20px; padding-left: 0;}
    .Box2ColumnOverview{ margin-bottom: 20px;}
    .SubCaptions{ font-size: 18px;}
    .OverviewBox h2{ font-size: 24px;}
    .OverviewBox h3{ font-size: 26px;}
    
    .CourseList h2{ font-size: 26px; padding-bottom: 40px; margin-top: 40px; margin-bottom: 40px; }
    .CourseList ul li .Title{ font-size: 16px; line-height: 23px; margin: 15px 0 10px 0; }
    .CourseList ul li{ font-size: 15px; margin-bottom: 50px;}

    .ContentOthers h2{ font-size: 35px; line-height: 40px; }

    .SlideClick{ display: block; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; display: flex; justify-content: center; z-index: 9; }
    .SlideClick a{ width: 150px; height: 150px; margin-top: 105px; background-color: #fff; border-radius: 20px; text-align: center; color: #3c92e2; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; font-weight: bold; }
    .SlideClick img{ display: block; width: 100%; height: auto; max-width: 50px; margin-top: 15px; }
    .SlideClick p{ display: block; width: 100%; margin: 0; margin-top: -50px; font-size: 13px; }

    .SiteVistToppage{ margin-top: 80px;}
    
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{

    /* AllPageWidth */
    .AllPageWide{ max-width: 100%; margin: auto; }

    /* StickyNavMenuBox */
    .StickyNavMenuFixed{overflow: scroll;}
    .StickyNavMenu .StickyNavMenuBox{ padding: 20px 0; margin: 0 30px;}
    .SHeader{ display: block; }
    .SHeader .SLogo{ text-align: center; margin-bottom: 30px;}
    .SHeader .SLogo img{ max-width: 150px; }
    .SHeader .SCLBox{ max-width: 100%; justify-content: space-between; margin: 20px 0 30px;  }
    .SHeader .ContactBTN{ margin: 0;}
    .SBody{ display: block; height: 600px; overflow-y: scroll; margin-top: 25px; }
    .SBody .SBodyBox{ width: 100%; padding-right: 20px; margin-top: 0px; margin-bottom: 40px; }
    .SBody .SBodyBox .Title{ font-size: 21px; }
    .SBody .SBodyBox ul{ margin: 5px 0 10px 10px; }
    .SBody .SBodyBox ul li{ font-size: 14px; padding: 5px 5px 5px 5px; }
    /*.SBody .SBodyBox ul li a{ padding: 5px 5px 5px 5px; }*/
    .SBody .SBodyBox ul li::before { left: 10px; top: 10px; height: 16px; width: 16px; }

    footer .FooterMenu{ font-size: 15px; }
    footer .FooterMenu ul li{ padding: 0px 15px; margin: 10px 0; }

    .NavigationTPSub{display: none;}

    .AboutAMEICC h1{ font-size: 25px; line-height: 40px;}
    .AboutAMEICC h1 span{ display: inline;}
    .SectionBox{ margin: 50px 0 40px 0; }
    .CaptionBG{ font-size: 17px;}
    .HeaderColor{ font-size: 24px;}
    .MainMissions{ padding: 25px;}
    .MainMissions h2{ font-size: 21px;}
    .CenterASEAN br{ display: none;}
    .Transformation{ padding: 30px;}
    .Transformation h2{ font-size: 16px;}

    .ASEANJPHRD h2{ font-size: 30px; }
    .ASEANJPHRD h3{ font-size: 26px; }

    .Box2Column .Apply a{ font-size: 20px;}
    .Box2Column .SiteVistTitle h1{ font-size: 22px;}
    .Box2Column .SiteVistTitle .Date{ font-size: 18px;}

    .SiteVist .TitleSubject{ font-size: 22px;}
    .SiteVist h3{ font-size: 22px; }
    .RoundCatgory ul li{ width: 49%; }

    .OverviewBox h2{ font-size: 22px; line-height: 30px;}
    .OverviewBox h3{ font-size: 22px;}
    .Box2ColumnOverview{ display: block; margin-bottom: 20px;}
    .Box2ColumnOverview .Title{ width: 100%; padding-left: 0;}
    .Box2ColumnOverview .Title h1{ padding: 10px; text-align: center; font-size: 22px;}
    .Box2ColumnOverview .Apply{ width: 100%;}
    /*.Box2ColumnOverview .Apply a{ line-height: 35px; padding: 10px 10px;}*/
    .Box2ColumnOverview .Apply p{  line-height: 35px; padding: 10px 10px; }

    .SingleDetail h3{ font-size: 22px;}
    .SingleDetail .BGGray .Subject{ font-size: 22px;}

    .SingleApply .CompanyName{ width: 60%; }
    .SingleApply .Apply{ width: 40%;}
    .SingleApply .Apply a{ font-size: 20px; }

    .ContentOthers h2{ font-size: 30px; }
    .ContentOthers h3{ font-size: 26px; }

    .FAQList .Question{ padding: 20px 10px; font-size: 18px; line-height: 25px; }
    .FAQList .Question p{margin: 0; width: 88%; }
    .FAQList .Question span.Q{ width: 20%; display: block; }
    .FAQList .Answer{ max-width: 1000px; margin: auto; margin-top: 30px; margin-bottom: 30px; font-weight: 300; }

    .NewsBox h2{ font-size: 30px; }

    .AllSingleDetailStyle .GuestSpeaker{ padding: 0 10px;}
    .AllSingleDetailStyle .GuestSpeaker .Rows{ display: block; justify-content: center; margin: 40px 0; }
    .AllSingleDetailStyle .GuestSpeaker .Rows div.Picture{ width: 125px!important; height: auto; margin: auto; }
    .AllSingleDetailStyle .GuestSpeaker .Rows div.Picture img{ width: 125px!important; }
    .AllSingleDetailStyle .GuestSpeaker .Rows div.Caption{ padding-left: 0px; text-align: left; font-size: 15px; margin-top: 15px; line-height: 23px; }
    .AllSingleDetailStyle .GuestSpeaker .Rows div.Caption p{ margin: 8px 0;}

}

/* -------------------------------------  600px  ------------------------------------- */
@media(max-width:600px)
{
    .CourseList ul{ display: block; }
    .CourseList ul li{ width: 100%;}
    .CourseList ul li .Title{ font-size: 16px; line-height: 23px; }

    .CourseInfos ul li p:nth-child(1){ min-width: 200px; }
    .SingleApply{ display: block; margin-top: 20px; }
    .SingleApply .Apply a{ width: 250px; font-size: 20px; margin: auto; margin-top: 20px; padding: 10px 30px; }
    .SingleApply .CompanyName{ width: 100%; font-size: 23px; text-align: center; }
    .SingleApply .Apply{ width: 100%; text-align: center; }
    .CourseInfos ul li{ display: block; margin-bottom: 30px; }
    .CourseInfos ul li p:nth-child(1){ width: 100%; margin-bottom: 0; }
    .CourseInfos ul li p:nth-child(2){ width: 100%; margin-left: 0; margin-top: 0; }
    .ApplyBox{ display: block; text-align: center;}
    .SingleDetail .BGGray .Subject{ font-size: 20px; line-height: 25px;}
    .SingleDetail .BGGray{ padding: 25px;}

    .ASEANJPHRD .BGGray .Subject{ line-height: 35px;}

    .EventLR a{ padding: 20px; display: block; }
    .EventLR .FeatureImageEvent{ width: 100%; height: auto; }
    .EventLR .DetailEvent{ width: 100%; padding: 15px 0 0 0; }
    .EventLR .DetailEvent .Title{ font-size: 18px; line-height: 25px;}
    .EventLR .DetailEvent .ReadMore{ font-size: 15px; /*padding-right: 30px;*/ margin-top: 10px;}
    /*.EventLR .DetailEvent .ReadMore:after{ right: 0;}*/

    .NewsList ul{ display: block; }
    .NewsList ul li{ width: 100% ;}
    .NewsList ul li .Title{ font-size: 18px; }
    .NewsList ul li .FeatureImage{ height: auto;}
    .NewsList ul li .ReadMore{ font-size: 15px;/* padding-right: 30px;*/ margin-top: 0;}
    /*.NewsList ul li .ReadMore:after{ right: 0;}*/

    .NewsSingle h1{ font-size: 23px; line-height: 30px;}
    .EventDate{ font-size: 18px; }

    .Privacy h2{ font-size: 33px;}

    .TabsForSV ul li{ font-size: 16px; padding: 10px 10px 8px 10px }

}

/* -------------------------------------  480px  ------------------------------------- */
@media(max-width:480px)
{
    /* Navigation & MobileMenu */
    .activeMenu .NavigationTP ul li a{ padding: 4px 0 !important; font-size: 16px; }
    .NSCLBox{ height: 560px; overflow: scroll; }
    /* End Navigation & MobileMenu */

    footer .FooterMenu ul li:nth-child(2){ border-right: 1px solid #090909; margin-right: -1px; }
    footer .FooterBox .FooterCopyRights{ font-size: 13px;}
    footer .FooterBox .FoterLogoSNS .RightSNS{ font-size: 20px; }
    footer .FooterBox .FoterLogoSNS .RightSNS .Icons img{ max-width: 30px;}

    .TopBGFixed{ width: 90%; }

    .ObjectiveList ul{ display: block;}
    .ObjectiveList ul li{ width: 100%;}
    ul.AEMMETIList{ display: block;}
    ul.AEMMETIList li{ width: 100%; margin-bottom: 15px;}

    .ASEANJPHRD h3{ font-size: 22px; }

    .SiteVist .PreviousSiteVisit{ padding: 25px;}
    .GalleryList ul li .Picture{ height: 180px;}
    .GalleryList ul li .Title{ font-size: 22px;}
    .GalleryList .slick-prev,.GalleryList  .slick-next{ top: 210px!important; }

    .WithLink .Links a{ padding: 10px 10px; font-size: 18px;}

    .LinksInner a{ padding: 10px 10px; font-size: 18px;}

    .table-responsive { display: block !important; width: auto; height: auto; padding: 10px;  }

    .ColorList{ gap: 15px; }

    .ContentOthers h3{ font-size: 22px; }
    
    .EventLR .DetailEvent .Date{ font-size: 14px;}

    .THPage .Apply { line-height: 30px; }

    .OverviewBox h2{ line-height: 40px;}

    .TabsForSV ul{ flex-wrap: wrap; }
    .TabsForSV ul li{ width: 49%; font-size: 15px; padding: 10px 10px 8px 10px }

}