/* ------------------------------------- 1440px ------------------------------------- */ @media(max-width:1440px) { .SliderTreeType .slick-next{ right: 45%; } .SliderTreeType .slick-prev{ left: 45%; } } /* ------------------------------------- 1440px ------------------------------------- */ @media(max-width:1360px) { .square-content .Flag{ margin-top: 0;} .square-content .Flag img{ max-width: 65px; } .square-content .Title{ padding: 10px 20px; font-size: 21px; margin-right: -40px; } .square-content .Descriptions{ font-size: 15px; max-width: 260px; } } /* ------------------------------------- 1280px ------------------------------------- */ @media(max-width:1280px) { /* HeaderMenu */ .HeaderMenu{ height: 110px;} .HeaderMenuBox .Logo img{ max-width: 140px;} .HeaderMenuBox .Logo .LogoText{ font-size: 9px; } .HeaderMenuBox .Logo .LogoText span{ font-size: 17px;} .HeaderMenuBox .Logo .LogoText img{ max-width: 200px;} .HeaderMenuBox .NavigationTP ul li{ font-size: 14px; margin: 0 0px;} .HeaderMenuBox .NavigationTP ul li a{ padding: 10px 15px;} .ShopLink img{ max-width: 18px!important;} .ViewMoreBTNTop2--mimas svg{ width: 18px; } .ContactLink img{ max-width: 18px!important;} /*.HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ top: 41px; left: -150px; width: 463px;} .HeaderMenuBox .NavigationTP ul li .SubMenu ul li a{ font-size: 14px;}*/ .HeaderMenuBox .NavigationTP ul li:last-child{ margin-left: 5px;} .SPNav ul li .SubMenu ul { margin-left: -80px!important; margin-top: 10px!important; } .SPNav ul li .SubMenu ul li a { font-size: 14px; } /* Footer */ footer .FooterBox{ max-width: 100%; margin: auto; margin-left: 60px; margin-right: 60px; } footer .CopyRightBox{ max-width: 100%; margin: auto; margin-left: 60px; margin-right: 60px; } /* AllPageWidth */ .AllPageWidth{ max-width: 100%; margin-left: 60px; margin-right: 60px; } .AllPageWidth990{ max-width: 100%; margin-left: 60px; margin-right: 60px; } /*.AllPageWidth900{ max-width: 100%; margin-left: 60px; margin-right: 60px; }*/ .ContactHeaderLR .ContactHeaderL{ font-size: 48px;} .ContactHeaderLR .ContactHeaderL .TogetherIcon img{ max-width: 360px;} .ContactHeaderLR .ContactHeaderR{ font-size: 21px; } .ContactHeaderLR .ContactHeaderR .ContactCall{ max-width: 360px;} .ContactHeaderLR .ContactHeaderR .ContactCall a{ font-size: 25px; } .MediaBox .MediaLR .LRBox .DetailRight .Title{ font-size: 24px; } .MediaBox .MediaLR .LRBox .DetailRight{ padding-left: 65px; } .MediaBox .MediaLR .LRBox .DetailRight .Description{ font-size: 16px;} .MediaBox .MediaLR .LRBox .DetailRight .MediaLogo img{ max-width: 250px;} /* ViewMoreBox */ .ViewMoreBTNTop{ font-size: 14px;} .ContactLink{ padding: 10px 15px; } .LangRight{ padding: 8px 15px !important;} /* TopKV */ .SpaceTop{ height: 450px; } .TopKV h1{ font-size: 40px; } .TopKV .LogoKV{ height: 450px; } /* CaptionTP */ .CaptionTP{ font-size: 25px; } /* PartnersLogoArea */ .PartnersLogoList{ max-width: 900px; margin: auto; margin-top: 50px; } .PartnersLogoList ul li img{ max-height: 55px; max-width: 150px; } /* AchrievementsBox */ .AchrievementsBox .HeaderBox .AchievmentsIcon{ width: 380px; } /*.AchrievementsBox .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsBox .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; }*/ .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; } /* WhyChooseUsArea */ /*.WhyChooseUsBox .HeaderBox h2{ font-size: 180px;} .WhyChooseUsBox .HeaderBox h2 .SmallWhy{ font-size: 57px; top: 200px; }*/ .WhyChooseUsBox .HeaderBox p{ font-size: 180px;} .WhyChooseUsBox .HeaderBox p .SmallWhy{ font-size: 57px; top: 200px; } .WhyChooseUsBox .DetailLeft{ width: 65%; width: 55%; } .WhyChooseUsBox .DetailLeft .Title{ font-size: 23px; } .WhyChooseUsBox .DetailLeft .Descriptions{ line-height: 33px; } .WhyChooseUsBox .PictureRight{ width: 50%; display: flex; flex-wrap: wrap; justify-content: flex-end; } .WhyPic01{ max-width: 88%; margin-top: 5.2%;} .WhyPic02{ max-width: 68%; margin-top: 0;} .WhyPic03{ max-width: 42%; margin-top: 0;} .SlideOurExpertise .slides{ height: 600px; /* height: 500px; */ } .SlideOurExpertise .slide{ padding: 25px 30px; } .container_ProundAchievement1 > div > ul { max-width: 100%; } .ProundAchievement1{ max-width: 100%; margin-left: 60px; margin-right: 60px;} .LeftPictureAbout img{ max-width: 45%;} .SectionTypeArea .HeaderBox p{ font-size: 60px; } .SectionTypeArea .HeaderBox h2{ font-size: 20px; } .SectionTypeInfo .Captions{ padding-left: 30px; font-size: 20px; } .SectionTypeInfo .LogoT{ width: 110px; height: 110px;} .Type01{ background-position: center right -180px;} .SectionLRBox .SectionRBox p.Title{ font-size: 25px;} .SectionTypeInfo .CaptionsLarge{ font-size: 35px;} /* ServiceFlow */ .IMFFlowBox{ margin: auto; margin-left: 60px; margin-right: 60px; } .IMFlowCurcle{ max-width: 850px; margin: auto; margin-top: 100px; margin-bottom: 200px; } .IMFlowCurcle .CurcleCenter{ max-width: 770px; /*max-width: 85%;*/ } .Curcle1{ top: -15%; } .Curcle2 { top: 8%; right: -6%;} .Curcle3 { top: 50%; right: -6%; } .Curcle4{ bottom: -18%; } .Curcle5 { top: 50%; left: -6%; } .Curcle6 { top: 8%; left: -6%; } .SliderTreeType .slick-next{ right: 44%; } .SliderTreeType .slick-prev{ left: 44%; } .SliderTreeType .slick-slider .slick-slide { margin: 15px; } .SliderTreeType .slick-slider .slick-slide.slick-current .InnerBox .Picture, .SliderTreeType .slick-slider .slick-slide.slick-center .InnerBox .Picture{ height: 230px;} .SliderTreeType .slick-slider .slick-slide.slick-current .Description, .SliderTreeType .slick-slider .slick-slide.slick-center .Description{ font-size: 15px;} .SliderTreeType .slick-slider .slick-slide.slick-current,.SliderTreeType .slick-slider .slick-slide.slick-slick-active, .SliderTreeType .slick-slider .slick-slide.slick-center {transform: scale(1.04); } /* KVSlide */ .KVSlide ul li{ height: 450px;} .KVSlide ul li:nth-child(1) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(2) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(3) .Title p{ padding: 40px 20px; font-size: 29px; } .MapSlide{ padding: 100px 0 180px 0;} .MapSlide .HeaderBox h2{ font-size: 25px;} .MapSubject{ top: -5%; } .MapSlideLR .MapSlideLRRight{ padding-right: 50px;} .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagRight .Title{ font-size: 18px; } .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagRight .Country{ font-size: 18px;} .LRBox .FlagRight .Title{ font-size: 15px;} .LRBox .FlagRight .Country{ font-size: 15px;} .MapSlideLR .MapSlideLRRight .MapSlideList ul li{ margin: 20px 0; padding: 25px;} .TopHeaderBox{ padding-right: 30px;} .WorkPlaceAreaLR .WorkPlaceAreaL{ width: 50%; } .WorkPlaceAreaLR .WorkPlaceAreaR{ width: 45%; } .BGWorkPlace1::before { clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%); } .BGWorkPlace3::before { clip-path: polygon(0 0, 100% 10%, 100% 100%, 0 90%); } .RecruitmentList .Description{ font-size: 14px;} .RecruitmentList .TagsCat{ font-size: 16px;} .RecruitDetailPopup{ width: 800px; } .RecruitDetailPopup .Title{ font-size: 24px;} .RecruitDetailPopup{ padding: 50px;} .RecruitDetailPopup .DRows{ margin: 0 0 5px 0;} .RecruitDetailPopup .ClosePopup{ margin-left: 650px;} .PersonalList ul{ gap: 60px; } .AboutAISIconRight{ top: 10%; width: 220px;} .AboutKV h1:before{ top: 25px; left: 0; width: 220px; height: 10px; } .AboutKV h1:after{ top: 25px; right: 0; width: 220px; height: 10px; } .KVForPage h1:before{ top: 25px; left: 0; width: 220px; height: 10px; } .KVForPage h1:after{ top: 25px; right: 0; width: 220px; height: 10px; } .KVLR:before{ top: 25px; left: 0; width: 220px; height: 10px; } .KVLR:after{ top: 25px; right: 0; width: 220px; height: 10px; } .AboutIntroFirst{ padding: 100px 0 80px 0; } /* BreadcrumbPage */ .BreadcrumbPageBox{ margin: auto; } .BreadcrumbPageAll{ margin: auto; } .square-content .Flag{ margin-top: -20px; } .square-content .Flag img{ max-width: 50px; } .square-content .Title{ padding: 10px 20px; font-size: 19px; margin-right: -40px; } .square-content .Descriptions{ font-size: 14px; max-width: 240px; line-height: 25px; } /* KVTravelMediaThai */ .KVTravelMediaThai{ height: 700px; } .ThaiTop3Layout{ height: 700px; } .KVTravelMediaThai .CenterCircle .Flaghai{ top: 40px;} } /* ------------------------------------- 1200px ------------------------------------- */ @media(max-width:1200px) { .square-content .Flag{ margin-top: -20px; } .square-content .Flag img{ max-width: 50px; } .square-content .Title{ padding: 10px 20px; font-size: 15px; margin-right: -40px; } .square-content .Descriptions{ font-size: 14px; max-width: 225px; line-height: 21px; } .PriceSectionList ul li .PriceSectionListLeft .Title{ font-size: 23px;} .PriceThaiSectionList ul li .PriceThaiSectionListLeft .Title{ font-size: 23px;} .PersonalList3 ul li{ width: 30.3%;} .PersonalList3 ul li .PictureBGStyle3{ width: 240px; height: 240px;} .PersonalList3 ul li .PictureBGStyle2{ width: 240px; height: 240px;} .PersonalList ul li .PictureBGStyle{ width: 180px; height: 180px; } /* KVTravelMediaThai */ .KVTravelMediaThai{ height: 650px; } .KVTravelMediaThai .CenterCircle{ width: 450px; height: 450px; margin-top: 100px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont{ font-size: 85px; margin-top: -20px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont span{ font-size: 120px; } .KVTravelMediaThai h1{ margin-top: 0px; font-size: 22px; } .KVTravelMediaThai h1 span{ font-size: 33px;} .KVTravelMediaThaiPage{ height: 290px!important;} .KVTravelMediaThaiPage .CenterCircle { margin-top: 20px!important; width: 350px!important; height: 350px!important;} .KVMedia img{ max-width: 460px; } .ThaiTop3Layout{ height: 650px; } .ForThaiPageBox3Box ul{ gap: 50px; } .ForThaiPageBox3Box ul li{ width: 260px; height: 260px; } .ForThaiPageBox3Box ul li div .Number1{ font-size: 80px;} .KVTravelMediaThai .CenterCircle .Flaghai{ top: 30px;} } /* ------------------------------------- 1023px ------------------------------------- */ @media(max-width:1023px) { /* MobileMenu */ .MobileMenu{ display: flex!important; } .MobileMenu .LogoMB a{ position: absolute; width: 100%; text-align: left; left: 10px; /*top: 10px;*/ } .MobileMenu .LogoMB img{ max-width: 100px; position: relative; z-index: 1; margin-top: -2px; } .HeaderMenu.fixed .HeaderMenuBox .SPNav{ margin-top: 0px!important;} /* HeaderMenu */ .HeaderMenu{ height: 50px;} .HeaderMenuBox{ /*display: none;*/ display: none; width: 100%; max-width: 100%!important; height: 100vh; margin-top: 0; } .HeaderMenuBox .Logo{ display: none; } .HeaderMenuBox .LangTP{ display: none; } .NavigationTP{ display: none;} .SPNav{ /*background-color: #1e1a16;*/ background: rgba(0, 80, 196, .8); backdrop-filter: blur(15px); width: 100%; margin: auto; margin-top: 0px!important; position: relative; flex-wrap: wrap; justify-content: space-between; align-items: center; } .activeMenu .NavigationTP{ display: block; max-width: 90%; margin: auto; margin-top: 30px; margin-bottom: 80px; } .activeMenu .NavigationTP ul{ height: auto; display: block; } .activeMenu .NavigationTP ul li{ font-size: 18px; font-weight: 500; margin-bottom: 0px; text-align: left; } .activeMenu .NavigationTP ul li a{ color: #fff; display: block; margin: auto; text-align: left; /*padding: 10px 10px 10px 10px!important;*/ } .activeMenu .NavigationTP ul li a:hover{ color: #fff;} .activeMenu .NavigationTP ul li:last-child{ border-bottom: 0; margin-top: 10px; background-color: transparent; box-shadow: 0px 0px 5px rgba(0,0,0,0); } .activeMenu .NavigationTP ul li:nth-last-child(2){ background-color: transparent; box-shadow: 0px 0px 5px rgba(0,0,0,0); } .activeMenu .NavigationTP ul li a.currentmenu:after { bottom: -1px;} .ContactIcon:before{ left: 0;} .ShoppingIcon:before{ left: 0;} .BusiesssIcon:before{ left: 0;} .ResultIcon:before{ left: 0;} .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; } /*.HeaderMenuBox .NavigationTP ul li .SubMenu{ position: relative!important; display: block!important; width: 100%!important; } .NavigationTP ul li:hover .SubMenu{ display: block!important; margin: auto; position: relative!important; width: 100%!important; left: 0; top: 0; height: auto; padding: 0px 0px 0px 0px; z-index: -1;} .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ top: 0px!important; left: 0px!important; background-color: transparent; box-shadow: 0px 0px 0px rgba(0,0,0,0); position: relative!important; } .HeaderMenuBox .NavigationTP ul li .SubMenu ul li a:hover{ background-color: transparent!important; color: #3e3a39!important;} .NavigationTP ul li .SubMenu{ display: block; margin: auto; } .NavigationTP ul li .SubMenu ul{ display: block; height: auto; box-shadow: 1px 1px 7px rgba(0,0,0,0)!important; padding: 5px 10px; background: transparent!important;} .NavigationTP ul li .SubMenu ul li{ display: block!important; margin: 0; padding: 0; clear: both; padding: 0; border-bottom: 0px solid #425a89; } .activeMenu .NavigationTP ul li .SubMenu ul li:hover:last-child{ background-color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .activeMenu .NavigationTP ul li .SubMenu ul li:hover:nth-last-child(2){ background-color: #fff; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); } .NavigationTP ul li .SubMenu ul li a{ color: #adc009; padding: 5px 0!important; } .NavigationTP ul li .SubMenu ul li a:hover{ color: #adc009; }*/ .HeadSub{ border-radius: 100px!important; background-color: transparent!important; box-shadow: 0px 0px 0px rgba(0,0,0,0)!important;} .NavTPColor ul li a{ color: #adc009!important; } .NavTPColor ul li a:hover{ color: #fff!important; } .ContactIcon:before{ width: 110px; height: 80px; top: -85px; } .ContactIcon:hover:before{ width: 110px; height: 80px; top: -85px; } .ShoppingIcon:before{ width: 110px; height: 80px; top: -85px; } .ShoppingIcon:hover:before{ width: 110px; height: 80px; top: -85px; } .BusiesssIcon:before{ width: 110px; height: 80px; top: -85px; } .BusiesssIcon:hover:before{ width: 110px; height: 80px; top: -85px; } .ResultIcon:before{ width: 110px; height: 80px; top: -85px; } .ResultIcon:hover:before{ width: 110px; height: 80px; top: -85px; } .HeaderMenuBox .NavigationTP{ background-color: transparent;} .HeaderMenuBox .NavigationTP ul li a{margin: 0 auto; display: inline-block} .HeaderMenuBox .NavigationTP ul li .SubMenu ul li a{ font-size: 16px;} .HeaderMenuBox .NavigationTP ul li:hover .SubMenu{ display: block; position: relative; max-width: 250px; top: auto; } .SPNav ul li .SubMenu { display: block; position: relative; min-width: auto; max-width: 100%; top: auto!important; } .SPNav ul li .SubMenu ul { margin-left: 15px!important; margin-top: -10px!important; background-color: transparent; box-shadow: 0px 5px 10px rgba(0,0,0,0); } .SPNav ul li .SubMenu ul li a { color: #fff; padding: 0 0 0 20px;} .HeaderMenuBox .NavigationTP ul li:last-child:hover{ background-image: none; } .ContactLink { padding: 10px 35px!important; } .LangRight{ padding: 8px 20px!important; } /* Footer */ footer .FooterBox{ width: 90%; margin: auto;} footer .CopyRightBox{ width: 90%; margin: auto;} footer .CopyRight{ font-size: 11px; } .FooterBoxLink .Inner .TypeList{ margin: 0; width: 31.33%;} .FooterBoxLink .Inner .TypeList:last-child{ margin-top: 0%; } .FooterBoxLink .Inner .TypeList p.Title{ font-size: 16px; } /* AllPageWidth */ .AllPageWidth{ max-width: 90%; margin: 0 auto; } .AllPageWidth990{ max-width: 90%; margin: 0 auto; } .AllPageWidth900{ max-width: 90%; margin: 0 auto; } /* ContactBox */ .ContactBox{ width: 90%; margin: auto; } .ContactHeaderLR{ display: block; } .ContactHeaderLR .ContactHeaderL{ width: 100%; margin: auto; text-align: center; } .ContactHeaderLR .ContactHeaderR{ width: 100%; max-width: 350px; margin: auto; } .NewsBoxList ul li .LRBox .DetailRight .Title{ font-size: 18px;} .MediaBox .MediaLR .LRBox .DetailRight .MediaLogo img { max-width: 180px; } .MediaBox .MediaLR .LRBox .DetailRight .Title{ font-size: 18px;} .MediaBox .MediaLR .LRBox .DetailRight .Description{ font-size: 16px; } .MediaBox .MediaLR .LRBox .DetailRight{ padding-left: 55px;} .MediaBox .MediaLR .LRBox .DetailRight .LinkMore a{ max-width: 200px; font-size: 14px; } /* TopKV */ .TopKV{ padding-top: 50px;} .SpaceTop{ max-width: 90%; margin: auto; margin-top: 0px; height: 450px; } .TopKV h1{ font-size: 35px; } .TopKV .LogoKV{ height: 350px; } /* CaptionTP */ .CaptionTP{ max-width: 90%; margin: auto; margin-top: 50px; margin-bottom: 50px; font-size: 23px; line-height: 50px; } /* PartnersLogoArea */ .PartnersLogoList{ max-width: 700px; margin: auto; margin-top: 50px; } .PartnersLogoList ul{ gap: 15px;} .PartnersLogoList ul li img{ max-height: 40px; max-width: 125px; } /* OurServicesArea */ .ServicesListLR{ display: block; } .ServicesListLR .ServicesListLeft{ width: 100%;} .ServicesListLR .ServicesListRight{ width: 100%;} .ServicesListLR .ServicesListRight ul li{ margin: 20px 0;} .ServicesListLR .ServicesListRight ul li .Descriptions{ opacity: 1; height: auto; } .ServicesListLR .ServicesListRight ul li .Title{ font-size: 21px; } .ServicesListLR .ServicesListRight ul li a{ padding: 15px 30px 15px 40px; } .ServicesListLR .ServicesListRight ul li a:hover{ padding: 15px 30px 15px 40px; } /* AchrievementsBox */ .AchrievementsBox .HeaderBox .AchievmentsIcon{ width: 310px; } /*.AchrievementsBox .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsBox .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; } .AchrievementsBox .AchrievementsAreaList ul li{ width: 48.2%; margin-bottom: 60px; }*/ .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; } .AchrievementsAreaList ul li{ width: 48.2%; margin-bottom: 60px; } .AchrievementsAreaListFlex ul li{ width: 100%; max-width: 48.2%; } .AchrievementsArea:before{ width: 250%; } /* WhyChooseUsArea */ .WhyChooseUsArea{ padding: 100px 0 120px 0; } /*.WhyChooseUsBox .HeaderBox h2{ font-size: 180px;} .WhyChooseUsBox .HeaderBox h2 .SmallWhy{ font-size: 55px; left: 85px; top: 200px; } .WhyChooseUsBox .HeaderBox p{ font-size: 18px;}*/ .WhyChooseUsBox .HeaderBox p{ font-size: 180px;} .WhyChooseUsBox .HeaderBox p .SmallWhy{ font-size: 55px; left: 85px; top: 200px; } .WhyChooseUsBox .HeaderBox h2{ font-size: 18px;} .WhyChooseUsBox .DetailLeft{ width: 100%; margin-top: 0; } .WhyChooseUsBox .DetailLeft .Title{ font-size: 23px; margin-top: 0; } .WhyChooseUsBox .DetailLeft .Descriptions{ line-height: 33px; } .WhyChooseUsBox .PictureRight{ width: 50%; top: 0px; } .WhyPic01{ max-width: 88%; margin-top: 5.2%;} .WhyPic02{ max-width: 68%; margin-top: 0;} .WhyPic03{ max-width: 42%; margin-top: 0;} .container_ProundAchievement1 > div > ul { width: 100%; max-width: 100%; } .container_ProundAchievement1 > div > ul > li { width: 100%; } .ProundAchievement1 { display: block; max-width: 90%; margin: auto;} .ProundAchievement1 .Box1{ width: 100%;} .ProundAchievement1 .Box2{ width: 100%;} .LeftPictureAbout{ display: none;} .LeftPictureAbout2{ display: block;} .SectionTypeArea .HeaderBox p{ font-size: 50px; } .SectionTypeArea .HeaderBox h2{ font-size: 18px; } .SectionTypeInfo .Captions{ padding-left: 30px; font-size: 20px; } .SectionTypeInfo .LogoT{ width: 110px; height: 110px;} .Type01{ background-position: center right -270px;} .SectionLRBox .SectionRBox p.Title br{ display: none;} .SectionTypeInfo .CaptionsLarge{ font-size: 30px;} /* IMFFlowBox */ .IMFlowCurcle{ max-width: 90%; } .IMFFlowBox{ max-width: 90%; margin: auto; } .IconCurcle{ width: 80px; height: 80px; } .Curcle1{ max-width: 260px; } .Curcle1 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px; margin-top: -15px;} .Curcle1 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .Curcle2{ max-width: 260px; margin-top: 30px; top: 5%; right: -9%; } .Curcle2 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px;margin-top: -15px; } .Curcle2 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .Curcle3{ max-width: 260px; top: 52%; margin-top: 30px; top: 45%; right: -9%; } .Curcle3 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px;margin-top: -15px; } .Curcle3 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .Curcle4{ max-width: 260px; margin-top: 30px; } .Curcle4 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px;margin-top: -15px; } .Curcle4 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .Curcle5{ max-width: 260px; top: 52%; margin-top: 30px; top: 45%; left: -9%; } .Curcle5 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px;margin-top: -15px; } .Curcle5 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .Curcle6{ max-width: 260px; margin-top: 30px; top: 5%; left: -9%; } .Curcle6 .Title{ font-size: 18px; min-height: 100px; padding: 20px 15px;margin-top: -15px; } .Curcle6 .Captions{ font-size: 13px; line-height: 23px; padding: 0 25px;} .IMFlowCurcle .CurcleCenter .CenterText{ font-size: 50px; line-height: 50px;} .SliderTreeType .slick-next{ right: 41%; } .SliderTreeType .slick-prev{ left: 41%; } /* KVSlide */ .KVSlide ul li{ height: 350px;} .KVSlide ul li:nth-child(1) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(2) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(3) .Title p{ padding: 40px 20px; font-size: 22px; letter-spacing: 2px; } .MapSlide .HeaderBox h2{ font-size: 22px;} .MapSlide .HeaderBox p{ font-size: 18px;} .MapSubject{ top: -10%; } .MapSlideLR .MapSlideLRLeft{ padding-top: 10%;} .MapSlideLR .MapSlideLRRight{ padding-right: 50px;} .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagLeft{ min-width: 80px; width: 80px; } .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagRight .Title{ font-size: 14px; } .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagRight .Country{ font-size: 14px;} .LRBox .FlagRight .Title{ font-size: 14px;} .LRBox .FlagRight .Country{ font-size: 14px;} .MapSlideLR .MapSlideLRRight .MapSlideList ul li{ margin: 20px 0; padding: 25px;} .SlideOurExpertise .slider{ height: 500px; margin-right: 30px;} .SlideOurExpertise .slide.active .LRBox .FlagLeft{ min-width: 80px; width: 80px; height: auto; } .LRBox .FlagLeft{ min-width: 60px; width: 60px; height: auto; } .SlideOurExpertise .arrow img{ max-width: 90px;} .LRBox .FlagRight .Descriptions{ font-size: 13px;} .SlideOurExpertise .slide{ margin: 15px 0;} .BTNViewmoreBlue{ margin-top: 100px;} .TopHeaderBox{ height: 200px; padding: 50px 0; padding-right: 0px;} .TopHeaderBox .Title{ font-size: 30px; } .TopHeaderBox img{ max-width: 210px;} .TopHeader{ margin-top: 50px;} .MessageAreaLR .MessageAreaL { font-size: 15px; line-height: 33px; } .MessageAreaLR .MessageAreaR { width: 40%; } .MessageLiine img{ max-width: 260px;} .WorkPlaceAreaLR .WorkPlaceAreaL .Title{ font-size: 23px; line-height: 43px;} .WorkPlaceAreaLR .WorkPlaceAreaL .SubTitle{ font-size: 23px; line-height: 43px;} .WorkPlaceAreaLR .WorkPlaceAreaL .Captions{ font-size: 16px;} .WorkPlaceAreaLR .WorkPlaceAreaR .TagsPicture{ font-size: 16px;} .RecruitDetailPopup{ width: 700px; } .RecruitDetailPopup .Title{ font-size: 24px;} .RecruitDetailPopup{ padding: 50px;} .RecruitDetailPopup .DRows{ margin: 0 0 5px 0;} .RecruitDetailPopup .ClosePopup{ margin-left: 550px;} .PersonalList ul{ grid-template-columns: repeat(3, 1fr); gap: 80px; } .AboutSection .LeftDetail .Title{ font-size: 28px;} .AboutSection .LeftDetail .Caption{ font-size: 19px;} .AboutHeader p{ font-size: 50px; } .AboutHeader p span{ font-size: 180px;} .AboutKV h1{ font-size: 28px; line-height: 50px; letter-spacing: 1px; } .AboutKV p{ font-size: 19px; } .AboutKV h1:before{ top: 25px; left: 0; width: 150px; height: 8px; } .AboutKV h1:after{ top: 25px; right: 0; width: 150px; height: 8px; } .KVForPage h1{ font-size: 28px; line-height: 50px; letter-spacing: 1px; } .KVForPage p{ font-size: 19px; } .KVForPage h1:before{ top: 25px; left: 0; width: 150px; height: 8px; } .KVForPage h1:after{ top: 25px; right: 0; width: 150px; height: 8px; } .KVTravelMediaThaiInto h1{ font-size: 28px; line-height: 50px; letter-spacing: 1px; } .KVTravelMediaThaiInto p{ font-size: 19px; } .AdvertorialKV img{ max-width: 90px;} .AdvertorialKV h1{ font-size: 28px; line-height: 50px; letter-spacing: 1px; } .KVLR:before{ top: 25px; left: 0; width: 150px; height: 8px; } .KVLR:after{ top: 25px; right: 0; width: 150px; height: 8px; } .BreadcrumbPage{ padding-top: 80px;} /* BreadcrumbPage */ .BreadcrumbPageBox{ margin: 0 auto; max-width: 90%; } .BreadcrumbPageAll{ padding-top: 80px;} .BreadcrumbPageAllBox{ margin: 0 auto; max-width: 90%; } .BreadcrumbPageAll ul{ flex-wrap: wrap;} .AboutIntro3Box ul{ grid-template-columns: repeat(2, 1fr); gap: 40px; } .square-content .Flag{ margin-top: 0; } .square-content .Title{ font-size: 18px; } .AboutAISIconRight1{ top: -10%; width: 500px; } .AdvertorialBoxLR ul li .Picture{ margin: 0 0 0px 0;} .AdvertorialBoxLR ul li .Logo img{ max-width: 180px; } /*.AdvertorialBoxLR ul li:first-child .Logo img{ max-height: 60px;}*/ .AdvertorialBoxLR ul li:first-child .LinkMore{ margin-top: 40px;} .AdvertorialBoxLR ul li .LinkMore{ margin-top: 40px;} .PersonalList3 ul{ grid-template-columns: repeat(2, 1fr); gap: 80px; } .PersonalList3 ul li{ width: 44%; } .ContactMiddleBox{ padding: 40px; } .ContactMiddleBox .LinksContact a{ height: 65px;} .ContactMiddleBox .LinksContact .Telephone{ font-size: 24px; } .ContactMiddleBox .LinksContact .ContatText{ font-size: 20px; } .ContactMiddleBox .LinksContact .ContatText img{ max-width: 10px; } .ContactMiddleBox .LinksContact .Telephone img{ max-width: 30px; } .SuccessStoryInner ul li .Title{ font-size: 20px; width: 180%; top: 50px; } .SuccessStoryInner ul li:nth-child(odd) .Title{ font-size: 20px; width: 180%; top: 50px; } .SuccessStoryInner ul li .Flag img{ max-width: 55px;} .SuccessStoryInner2 ul li .Title{ font-size: 20px; width: 180%; top: 55px; } .SuccessStoryInner2 ul li:nth-child(odd) .Title{ font-size: 20px; width: 180%; top: 55px; } .AchievementsTopLR .Logo{ margin-bottom: 10px;} .AchievementsTopLR .Logo img{ max-width: 280px; } .AchievementsTopLR .RightA ul li{ width: 120px; height: 120px; padding: 10px; font-size: 15px; } .AchievementsTopLR .RightA ul li img{ max-height: 55px; } .AchievementsContents h1{ font-size: 28px;} .StepInfo3Boxist ul{ flex-wrap: wrap; } .StepInfo3Boxist ul li{ max-width: 200px; } .StepInfo3Boxist ul li .CircleBoxStep{ width: 200px; height: 170px;} .StepInfo3Boxist ul li:after{ /*border-width: 0 20px 25px 20px; */ width: 25px; height: 33px; left: -70px; top: 22%; } .StepInfo3Boxist ul li .Descriptions{ font-size: 16px; line-height: 31px; } .PriceThaiSectionList ul li .PictureLeft{ width: 28%; height: 120px; } .PriceThaiSectionList ul li .PictureLeft p{ width: 120px; height: 120px;} .PriceThaiSectionList ul li .PriceThaiSectionListRight{ max-width: 230px;} .TravelMediaThaiDetail .Picture img{ max-width: 600px; } .TravelMediaThaiDetail .Logo img{ max-width: 250px;} /* KVTravelMediaThai */ .KVTravelMediaThai{ height: 550px; } .KVTravelMediaThai .CenterCircle{ width: 400px; height: 400px; margin-top: 50px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont{ font-size: 80px; margin-top: -20px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont span{ font-size: 100px; margin-top: -50px; } .KVTravelMediaThai h1{ margin-top: -15px; font-size: 20px; } .KVTravelMediaThai h1 span{ font-size: 30px;} .KVTravelMediaThai .CenterCircle .Flaghai{ top: 20px;} .KVTravelMediaThai .CenterCircle .Flaghai img{ max-width: 85px; } .OVHDD{ height: 280px!important; } .KVTravelMediaThaiPage{ height: 280px!important;} .KVTravelMediaThaiPage .CenterCircle { margin-top: 65px!important; width: 330px!important; height: 330px!important;} .KVMedia{ top: 51%;} .KVMedia img{ max-width: 400px; } .KVTravelMediaThaiIntoPage{ padding-top: 180px;} .ThaiTop3Layout{ height: 650px; } .ThaiTop2Layout4Media{height: 300px!important; } .ForThaiPageBox3Box ul{ gap: 30px; } .ForThaiPageBox3Box ul li{ width: 210px; height: 210px; } .ForThaiPageBox3Box ul li div .Number1{ font-size: 60px; line-height: 55px; } .ForThaiPageBox3Box ul li div{ line-height: 28px; font-size: 20px;} } /* ------------------------------------- 768px ------------------------------------- */ @media(max-width:768px) { .SliderTreeType .slick-slider .slick-slide { margin: 25px; } .SliderTreeType .Description{ padding: 0 20px 15px 20px; } .AchievementsContents h1 img{ max-width: 60px; top: -5px; } .AchievementsContents h1{ padding-left: 0px;} .StepInfo3Boxist ul li:after{ left: -35px; } } /* ------------------------------------- 767px ------------------------------------- */ @media(max-width:767px) { .NewsBoxList ul li .LRBox .DetailRight .Title{ font-size: 16px; } /* TopKV */ .SpaceTop{ height: 400px; } .TopKV h1{ font-size: 31px; line-height: 65px; } .TopKV .LogoKV{ height: 320px; } /* KVSlide */ .KVSlide ul{ display: block; } .KVSlide ul li{ width: 100%; height: 400px; } /* SectionLRBox */ .SectionLRBox{ padding: 100px 0; display: block; } .SectionLRBox .SectionLBox{ width: 100%; max-width: 100%; margin-bottom: 30px; } .SectionLRBox .SectionRBox{ margin-left: 0px; width: 100%; line-height: 35px; } /* IMFlowCurcle */ .IMFlowCurcle{ display: block; margin-top: 0; margin-bottom: 100px; } .Curcle1{ max-width: 310px; position: relative; left: 0; right: 0;} .Curcle2{ max-width: 310px; position: relative; left: 0; right: 0;} .Curcle3{ max-width: 310px; position: relative; left: 0; right: 0;} .Curcle4{ max-width: 310px; position: relative; left: 0; right: 0;} .Curcle5{ max-width: 310px; position: relative; left: 0; right: 0;} .Curcle6{ max-width: 310px; position: relative; left: 0; right: 0;} .CurcleCenter{ display: none;} .MapSlideLR{ display: block; } .MapSlideLR .MapSlideLRLeft{ display: none; } .MapSlideLR .MapSlideLRRight{ width: 90%; margin: auto; padding-right: 0;} .BTNViewmoreBlue{ margin-top: 80px;} .TopHeaderBox{ height: 200px; padding: 50px 0; padding-right: 0px;} .TopHeaderBox .Title{ font-size: 20px; } .TopHeaderBox img{ max-width: 200px;} .MessageArea .MessageAreaBox h1{ font-size: 30px; line-height: 60px; } .MessageLiine img{ max-width: 220px;} .WorkPlaceAreaLR{ display: block; } .WorkPlaceAreaLR .WorkPlaceAreaL{ width: 100%;} .WorkPlaceAreaLR .WorkPlaceAreaL .Title{ font-size: 23px; line-height: 43px;} .WorkPlaceAreaLR .WorkPlaceAreaL .SubTitle{ font-size: 23px; line-height: 43px;} .WorkPlaceAreaLR .WorkPlaceAreaL .Captions{ font-size: 16px;} .WorkPlaceAreaLR .WorkPlaceAreaR{ width: 100%; padding-top: 30px; padding-bottom: 40px;} .WorkPlaceAreaLR .WorkPlaceAreaR .TagsPicture{ font-size: 16px;} .RecruitmentList .TagsCat{ font-size: 12px; } .RecruitmentList .Title{ font-size: 18px;} .RecruitmentList .Description{ line-height: 25px;} .RecruitmentList .Salary{ font-size: 17px;} .accordion-item{ padding: 30px 30px 0 30px; } .RecruitmentList .HeaderApply{ padding-right: 25px;} .DRows .DRowsTitle{ font-size: 18px;} .DRows .DRowsDetail{ font-size: 15px; line-height: 30px; } .RecruitDetailPopup{ width: 100%; } .RecruitDetailPopup .Title{ font-size: 18px;} .RecruitDetailPopup{ padding: 30px;} .RecruitDetailPopup .DRows{ margin: 0 0 5px 0;} .RecruitDetailPopup .ClosePopup{ margin-left: 0; right: 10%;} .RecruitDetailPopup .HeaderBox p{ font-size: 26px;} .RecruitDetailPopup .HeaderBox h2{ font-size: 18px;} .RecruitDetailPopup .ClosePopup img{ width: 24px;} .SlideOurExpertise .slide.active .LRBox .FlagLeft{ min-width: 70px; width: 70px; height: auto; } .LRBox .FlagLeft{ min-width: 50px; width: 50px; height: auto; } .SlideOurExpertise .arrow img{ max-width: 80px;} .LRBox .FlagRight .Descriptions{ font-size: 13px;} .SlideOurExpertise .slide{ margin: 10px 0; padding: 15px; border-radius: 20px;} .BTNViewmoreBlue{ margin-top: 100px;} .SlideOurExpertise .slider{ width: 47%;} .marquee-wrapper{ font-size: 50px;} .AboutSection .RightPicture{ position: relative; width: 90%; margin: auto; right: 0px; text-align: center; margin-bottom: 30px;} .AboutSection .LeftDetail{ max-width: 100%;} .AboutSection .LeftDetail .Title{ font-size: 28px;} .AboutSection .LeftDetail .Caption{ font-size: 19px;} .AboutIntro3Box ul{ grid-template-columns: repeat(2, 1fr); gap: 40px; } .square-content .Flag{ margin-top: -20px; } .square-content .Title{ font-size: 14px; } .square-content .Descriptions{ max-width: 180px; line-height: 19px; } .PersonalList3 ul{ grid-template-columns: repeat(2, 1fr); gap: 50px; } .HeaderPageCenter h2{ font-size: 30px; line-height: 50px; } .HeaderPageCenter .Captions{ font-size: 20px; } .ContactMiddleBox{ padding: 40px; } .ContactMiddleBox .LinksContact{ display: block;} .ContactMiddleBox .LinksContact a{ height: 65px;} .ContactMiddleBox .LinksContact .Telephone{ width: 100%; font-size: 22px; } .ContactMiddleBox .LinksContact .ContatText{ width: 100%; font-size: 18px; margin-top: 15px; } .ContactMiddleBox .LinksContact .ContatText img{ max-width: 10px; } .ContactMiddleBox .LinksContact .Telephone img{ max-width: 30px; } .ContactMiddleBox .Description{ line-height: 31px;} .EditorDetails{ line-height: 33px;} .SuccessStoryInner ul li{ display: block; } .SuccessStoryInner ul li .DetailRight{ width: 100%; margin-top: -40px; } .SuccessStoryInner ul li .PictureLeft{ width: 100%; } .SuccessStoryInner ul li .Title{ position: relative; top: -10px; width: 100%; background-image: linear-gradient(90deg, #01678f 0%, rgba(91, 193, 169, 1) 30%, rgba(91, 193, 169, .5) 80%); } .SuccessStoryInner ul li:nth-child(odd) .Title{ position: relative; top: -10px; width: 100%; background-image: linear-gradient(90deg, rgba(248, 128, 90, .5) 0%, rgba(248, 128, 90, 1) 30%, #ea1313 80%); } .SuccessStoryInner ul li .Logo{ padding-top: 15px;} .SuccessStoryInner ul li .Descriptions{ line-height: 31px;} .SuccessStoryInner ul li .LinkMorePage{ margin-top: 30px;} .SuccessStoryInner ul li:nth-child(odd) .LinkMorePage{ margin-top: 30px;} .SuccessStoryInner2 ul li{ display: block; } .SuccessStoryInner2 ul li .DetailRight{ width: 100%; margin-top: 20px; } .SuccessStoryInner2 ul li .PictureLeft{ width: 100%; } .SuccessStoryInner2 ul li .Title{ position: relative; top: 15px; width: 100%; background-image: linear-gradient(90deg, #ea1313 0%, rgba(248, 128, 90, 1) 30%, rgba(248, 128, 90, .5) 80%); } .SuccessStoryInner2 ul li:nth-child(odd) .Title{ position: relative; top: 15px; width: 100%; background-image: linear-gradient(90deg, rgba(248, 128, 90, .5) 0%, rgba(248, 128, 90, 1) 30%, #ea1313 80%); } .SuccessStoryInner2 ul li .Descriptions{ line-height: 31px; margin-top: 40px;} .SuccessStoryInner2 ul li:nth-child(odd) .Descriptions{ line-height: 31px; margin-top: 40px;} .SuccessStoryInner2 ul li .LinkMorePage2{ margin-top: 30px;} .SuccessStoryInner2 ul li:nth-child(odd) .LinkMorePage2{ margin-top: 30px;} .LinkMorePage2{ padding-top: 0;} .ContactFixed{ bottom: 20px; right: 20px; } .AchievementsTopLR{ display: block; } .AchievementsTopLR .RightA{ margin-top: 30px;} .AchievementsTopLR .RightA ul{ justify-content: center; } .AchievementsTopLR .Logo img{ max-width: 250px; } .AchievementsTopLR .RightA ul li{ width: 110px; height: 110px; font-size: 14px; } .AchievementsTopLR .RightA ul li img{ max-height: 40px; } .StepInfo3Boxist ul{ display: block; } .StepInfo3Boxist ul li .CircleBoxStep{ margin: auto; } .StepInfo3Boxist ul li{ margin: auto; max-width: 300px; margin-bottom: 60px; } .StepInfo3Boxist ul li:last-child{ margin-bottom: 0;} .StepInfo3Boxist ul li:after{display: none;} /*.PersonalList4 ul{ gap: 50px; }*/ .PersonalList4 ul li { width: 100%;} .PersonalList4 ul li .Description{ text-align: center; max-width: 100%; margin: 0; margin-bottom: 20px;} .PriceThaiSectionList ul li{ flex-wrap: wrap; } .PriceThaiSectionList ul li .PictureLeft{ width: 120px; } .PriceThaiSectionList ul li .PriceThaiSectionListLeft{ width: 75%;} .PriceThaiSectionList ul li .PriceThaiSectionListRight{ width: 100%; max-width: 100%;} .ForThaiPageBox3Box ul{ gap: 30px; grid-template-columns: repeat(2, 1fr); } .ForThaiPageBox3Box ul li{ width: 210px; height: 210px; } .ForThaiPageBox3Box ul li div .Number1{ font-size: 60px; line-height: 55px; } .ForThaiPageBox3Box ul li div{ line-height: 28px; font-size: 20px;} } /* ------------------------------------- 640px ------------------------------------- */ @media(max-width:640px) { /* Footer */ footer .FooterBox{ padding: 50px 0; display: block; } footer .CopyRightBox .PrivacyPolicyLink{ position: relative; padding-bottom: 10px;} .FooterBoxLink .Inner .TypeList{ margin: 0; width: 48.5%;} .NewsBox .HeaderBox p{ font-size: 30px; } .NewsBox .HeaderBox h2{ font-size: 19px; } .NewsBoxList ul li .LRBox .PicLeft{ min-width: 120px; width: 120px; height: 120px;} .NewsBoxList ul li .LRBox .DetailRight .Category{ font-size: 14px; padding: 3px 10px; } .NewsBoxList ul li .LRBox .DetailRight .Title{ font-size: 14px;} .NewsBoxList ul li .LRBox .DetailRight .Date{ font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .NewsBoxList ul li .LRBox .DetailRight{ padding-left: 30px;} .NewsBoxList ul li:first-child .LRBox .PicLeft{ min-width: 200px; width: 200px; height: 200px;} .NewsBoxList ul li a:after{ width: 35px; height: 35px;} .HeaderBox p{ font-size: 20px;} .HeaderBox h2{ font-size: 30px;} .OutlineList{ padding-top: 20px; padding-bottom: 20px; } .OutlineList .RowsList p:nth-child(1){ min-width: 130px; max-width: 130px; font-size: 15px; margin: 0; padding: 8px 0 8px 0; } .OutlineList .RowsList p:nth-child(2){ width: calc(100% - 130px); font-size: 15px; } .GoogleMap .YoutubeIframe{ padding-bottom: 70%; } .OurVisionBox .HeaderBox p { font-size: 55px; } .OurVisionBox .HeaderBox h2 { font-size: 20px; } /* CaptionTP */ .CaptionTP{ font-size: 20px; line-height: 40px; } .MediaBox .HeaderBox h2{ font-size: 30px; } .MediaBox .HeaderBox p{ font-size: 20px; } .MediaBox .MediaLR .LRBox{ display: block; margin-top: 0; } .MediaBox .MediaLR .LRBox .PicLeft{ width: 100%;} .MediaBox .MediaLR .LRBox .DetailRight{ width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 30px; } .MediaBox .MediaLR .LRBox .DetailRight .MediaLogo img { max-width: 180px; } .MediaBox .MediaLR .LRBox .DetailRight .Title{ font-size: 18px;} .MediaBox .MediaLR .LRBox .DetailRight .Description{ font-size: 16px; line-height: 28px; } .MediaBox .MediaLR .LRBox .DetailRight .LinkMore a{ max-width: 200px; font-size: 14px; } /* TopKV */ .TopKV{ height: 380px; } .TopKV h1{ font-size: 31px; line-height: 60px; } .TopKV .LogoKV{ height: 250px; } /* PartnersLogoArea */ .PartnersLogoBox .HeaderBox h2{ font-size: 30px; } .PartnersLogoBox .HeaderBox p{ font-size: 20px; } .PartnersLogoList{ margin-top: 20px;} .PartnersLogoList ul{ gap: 10px;} .PartnersLogoList ul li img{ max-height: 35px; max-width: 120px; } /* OurServicesArea */ .ServicesListLR .ServicesListRight ul li .Descriptions{ opacity: 1; height: auto; } .ServicesListLR .ServicesListRight ul li .Title{ font-size: 21px; } .ServicesListLR .ServicesListRight ul li a{ padding: 15px 20px 15px 20px;flex-wrap: wrap; } .ServicesListLR .ServicesListRight ul li a:hover{ padding: 15px 20px 15px 20px; } .ServicesListLR .ServicesListRight ul li .Icon{ width: 100%; } .ServicesListLR .ServicesListRight ul li .Detail{ width: 100%; } .ServicesListLR .ServicesListRight ul li .LinkRight{ width: 100%; text-align: right; padding-right: 30px; } /* AchrievementsArea */ .AchrievementsArea .HeaderBox h2{ font-size: 30px; } .AchrievementsArea .HeaderBox p{ font-size: 20px; } /* WhyChooseUsArea */ .WhyChooseUsBox .DetailLeft .Title{ font-size: 20px; margin-top: 0; } .KVSlideText{ padding: 50px 0;} .marquee-wrapper{ font-size: 45px;} .container_ProundAchievement1 .HeaderBox p{ font-size: 55px; } .container_ProundAchievement1 .HeaderBox h2{ font-size: 20px; } .container_ProundAchievement1 .HeaderBox{ padding-bottom: 20px;} .ProundAchievement1 .Box2{ padding-top: 0; } .ProundAchievement1 .Box2 .Title{ font-size: 24px;} .SectionTypeArea .HeaderBox p{ font-size: 50px; } .SectionTypeArea .HeaderBox h2{ font-size: 18px; } .SectionTypeInfo .Captions{ padding-left: 30px; font-size: 20px; } .SectionTypeInfo .LogoT{ width: 110px; height: 110px;} .Type01{ background-position: center left 55%; border-left: 40px solid #003ba0;} .SectionTypeInfo .Captions br{ display: none;} .SectionTypeInfo .CaptionsLarge{ font-size: 20px;} .SectionLRBox .SectionRBox p.Title{ line-height: 45px; } .SectionLRBox{ padding: 50px 0;} .SliderTreeType .slick-next{ right: 38%; } .SliderTreeType .slick-prev{ left: 38%; } .TopHeaderBox{ height: 200px; padding: 50px 0; padding-right: 0px;} .TopHeaderBox .Title{ font-size: 20px; } .TopHeaderBox img{ max-width: 180px;} .TopHeader{ background-position: center right -260px; } .TopBreadcrumbsBox .Inners li{ font-size: 14px;} .TopBreadcrumbsBox .Inners li:after{ top: 5px; } .MessageArea .MessageAreaBox h1{ font-size: 26px; } .MessageAreaLR{ display: block; } .MessageAreaLR .MessageAreaL{ width: 100%; } .MessageAreaLR .MessageAreaR{ width: 100%; } .RecruitmentList .accordion-heading{ display: block;} .RecruitmentList .TagsCat{ margin: auto; font-size: 12px; margin-top: 15px; } .RecruitmentList .Title{ font-size: 18px;} .RecruitmentList .Description{ line-height: 25px;} .RecruitmentList .Salary{ font-size: 17px;} .accordion-item{ padding: 30px 30px 0 30px; } .RecruitmentList .HeaderApply{ width: 100%; padding-right: 0px;} .DRows{ display: block; } .DRows .DRowsTitle{ font-size: 18px;} .DRows .DRowsDetail{ font-size: 15px; line-height: 30px; margin-left: 0; margin-top: 5px; } .SlideOurExpertise .slider-wrapper { display: block; margin-top: 0px;} .SlideOurExpertise .map { width: 100%; display: none;} .SlideOurExpertise .slider { width: 90%; margin: auto; } .SlideOurExpertise .slide{ margin: 20px 0; height: auto;} .BTNViewmoreBlue{ margin-top: 50px;} .AchrievementsArea:before{ width: 260%; } .StrengthsInfosBox .StrengthsInfosLR ul li .StrengthsInfosL{ width: 30%; max-width: 140px; font-weight: bold; padding-left: 0px; } .StrengthsInfosBox .StrengthsInfosLR ul li .StrengthsInfosR{ width: 70%; padding-left: 0px; padding-right: 0px; line-height: 35px;} .PersonalList ul{ grid-template-columns: repeat(2, 1fr); gap: 50px; } .AboutSection .LeftDetail .Caption br{ display: none;} .AboutHeader p{ font-size: 30px; } .AboutHeader p span{ font-size: 150px;} .AboutHeader h2{ margin: -25px 0 0 0; font-size: 20px; } .AboutKV h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .AboutKV p{ font-size: 16px; } .AboutKV h1:before{ top: 25px; left: 0; width: 120px; height: 8px; } .AboutKV h1:after{ top: 25px; right: 0; width: 120px; height: 8px; } .KVForPage h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .KVForPage p{ font-size: 16px; } .KVForPage h1:before{ top: 25px; left: 0; width: 120px; height: 8px; } .KVForPage h1:after{ top: 25px; right: 0; width: 120px; height: 8px; } .KVTravelMediaThaiInto h2{ font-size: 28px; line-height: 40px; letter-spacing: 0px; } .KVTravelMediaThaiInto p{ font-size: 16px; } .AdvertorialKV h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .KVLR:before{ top: 25px; left: 0; width: 120px; height: 8px; } .KVLR:after{ top: 25px; right: 0; width: 120px; height: 8px; } .AboutIntro3Box{ padding: 0 0 10px 0; } .AboutIntro3Box ul{ display: block; } .AboutIntro3Box ul li{ max-width: 340px; margin: auto; margin-bottom: 40px;} .square-content .Flag{ margin-top: 0px; } .square-content .Title{ font-size: 18px; } .square-content .Descriptions{ max-width: 230px; line-height: 21px; } .AboutAISIconRight1{ top: -8%; width: 380px; } .PriceSectionList ul li{ display: block; padding: 20px 30px; } .PriceSectionList ul li .PriceSectionListLeft{ width: 100%; } .PriceSectionList ul li .PriceSectionListRight{ width: 100%;} .RelatedProjectsSlide .slick-prev:before { width: 20px!important; height: 60px!important; } .RelatedProjectsSlide .slick-next:before { width: 20px!important; height: 50px!important; } .RelatedProjectsSlide .slick-prev, .RelatedProjectsSlide .slick-next{ width: 20px!important; height: 60px!important; top: 45%;} .RelatedProjectsSlide .slick-prev{ left: -10px;} .RelatedProjectsSlide .slick-next{ right: -10px;} .BlockEditorStyle .StrengthsInfosLR ul li .StrengthsInfosL{ width: 30%; max-width: 140px; font-weight: bold; padding-left: 0px; } .BlockEditorStyle .StrengthsInfosLR ul li .StrengthsInfosR{ width: 70%; padding-left: 0px; padding-right: 0px; line-height: 35px;} .AboutAISIconLeftThaiPadding{ padding-bottom: 150px!important;} .PriceThaiSectionList ul li{ justify-content: left; } .PriceThaiSectionList ul li{ flex-wrap: wrap; padding: 30px; } .PriceThaiSectionList ul li .PictureLeft{ width: 100px; height: 100px; } .PriceThaiSectionList ul li .PriceThaiSectionListLeft{ width: 70%;} .PriceThaiSectionList ul li .PriceThaiSectionListRight{ width: 100%; max-width: 100%; margin-top: 20px;} .PersonalList ul li .PictureBGStyle{ width: 140px; height: 140px; } .TravelMediaThaiDetail{ margin-top: 40px;} .TravelMediaThaiDetail .Logo img{ max-width: 180px;} /* KVTravelMediaThai */ .KVTravelMediaThai{ height: 400px; } .KVTravelMediaThai .CenterCircle{ width: 300px; height: 300px; margin-top: 50px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont{ font-size: 55px; margin-top: -20px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont span{ font-size: 80px; line-height: 120px; margin-top: -40px; } .KVTravelMediaThai h1{ margin-top: -15px; font-size: 18px; } .KVTravelMediaThai h1 span{ font-size: 25px;} .KVTravelMediaThai .CenterCircle .Flaghai{ top: 10px;} .KVTravelMediaThai .CenterCircle .Flaghai img{ max-width: 70px; } .ThaiTop3Layout{ height: 480px; } .AchievementsContents .FeatureImage .TopBrand{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .AchievementsContents .FeatureImage .LogoBrand{ position: relative; right: 0px; top: 0px; width: auto; padding: 0px; background-color: transparent; } .AchievementsContents .FeatureImage .LogoBrand img{ max-height: 35px;} .AchievementsContents .FeatureImage .FlagBrand{ position: relative; left: 0px; top: 0px; width: auto; height: auto;} .AchievementsContents .FeatureImage .FlagBrand img{ max-height: 40px;} .SearchCategory ul{ display: block; } .SearchCategory ul li{ width: 100%; max-width: 100%; text-align: center; padding-bottom: 10px; } .ProjectApproach h2{ font-size: 38px; display: block; line-height: 60px; } .ProjectApproach h2 span{ font-size: 67px; margin-left: 0px; margin-top: -30px;} } /* ------------------------------------- 600px ------------------------------------- */ @media(max-width: 600px) { .AboutKV{ padding: 30px 0 0 0; } .AboutKV h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; padding-left: 80px; padding-right: 80px; } .AboutKV p{ font-size: 16px; } .AboutKV h1:before{ top: 20px; left: 0; width: 80px; height: 3px; } .AboutKV h1:after{ top: 20px; right: 0; width: 80px; height: 3px; } .KVForPage{ padding: 30px 0 0 0; } .KVForPage h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .KVForPage p{ font-size: 16px; } .KVForPage h1:before{ top: 20px; left: 0; width: 80px; height: 3px; } .KVForPage h1:after{ top: 20px; right: 0; width: 80px; height: 3px; } .KVTravelMediaThaiInto h2{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .KVTravelMediaThaiInto p{ font-size: 16px; } .AdvertorialKV h1{ font-size: 25px; line-height: 40px; letter-spacing: 0px; } .AdvertorialKV p{ font-size: 16px; } .AdvertorialKV img{ max-width: 65px;} .KVLR{ gap: 10px; } .KVLR:before{ top: 20px; left: 0; width: 80px; height: 3px; } .KVLR:after{ top: 20px; right: 0; width: 80px; height: 3px; } .AboutAISIconLeft1{ width: 250px; } .AdvertorialBoxLR ul{ display: block; } .AdvertorialBoxLR ul li{ margin-bottom: 60px;} .AdvertorialBoxLR ul li .Picture{ margin: 0 0 20px 0; } .AdvertorialBoxLR ul li .Picture img{ max-width: 400px; } .AdvertorialBoxLR ul li .Logo img{ max-width: 150px; /*max-height: 70px;*/ } /*.AdvertorialBoxLR ul li:first-child .Logo img{ max-height: 50px;}*/ .AdvertorialBoxLR ul li:first-child .LinkMore{ margin-top: 30px;} .AdvertorialBoxLR ul li:last-child{ margin-bottom: 0;} .AdvertorialBoxLR ul li .LinkMore{ margin-top: 30px;} .SubTitle{ margin: 50px 0; } .EditorDetails{ margin: 50px 0; } .ContactMiddleBox .Title{ font-size: 28px;} .ContactFixed{ width: 200px; /*height: 175px;*/ padding: 15px; bottom: 15px; right: 30px; } .TopTextContact{ font-size: 11px; line-height: 16px; padding: 10px 10px 40px 10px; top: -25px; } .ContactFixed .LinksContact a{ height: 35px; } .ContactFixed .LinksContact .Telephone{ font-size: 13px; line-height: 35px; } .ContactFixed .LinksContact .ContatText{ font-size: 13px; line-height: 35px; margin-top: 5px;} .ContactFixed .LinksContact .Telephone img{ max-width: 16px;} .ContactFixedClose{ top: -5px; right: -20px;} .AchievementsContents h1{ font-size: 26px; line-height: 41px; padding-left: 0px;} .AchievementsContents h1 img{ max-width: 55px; } .AchievementsInners{ margin-top: 45px;} .ContentDetail{ line-height: 33px;} .PersonalList4 ul{ grid-template-columns: repeat(1, 1fr); gap: 50px; } .PersonalList4 ul li .Description{ font-size: 16px; line-height: 31px; } .ForThaiPageBox3Box ul{ grid-template-columns: repeat(1, 1fr); } .ForThaiPageBox3Box ul li{ width: 300px; height: 300px; margin: auto; } .ForThaiPageBox3Box ul li div .Number1{ font-size: 60px; line-height: 55px; } .ForThaiPageBox3Box ul li div{ line-height: 28px; font-size: 20px;} .ForThaiPageBox .LinkMorePage3{ margin-left: 10px; } .AuthorInfo{ margin: 100px 0 0 0; display: block; padding: 30px; border-radius: 30px; } .AuthorInfo .PictureLeft{ width: 200px; height: 200px; margin: auto; } .AuthorInfo .DetailsRight{ padding-left: 0px; } .AchrievementsAreaListFlex ul li{ width: 100%; max-width: 100%; } .RelatedProjectsSlide .AchrievementsAreaList ul li{ min-height: auto; } } /* ------------------------------------- 480px ------------------------------------- */ @media(max-width:480px) { .FooterBoxLink .Inner .TypeList p.Title{ font-size: 14px; } .FooterBoxLink .Inner .TypeList ul li{ font-size: 13px; margin-bottom: 5px;} footer .FooterBox .FooterBoxSNS{ text-align: center;} .ContactHeaderLR .ContactHeaderR{ font-size: 17px; margin-top: 50px;} .ContactHeaderLR .ContactHeaderR .ContactCall img{ max-width: 35px;} .ContactHeaderLR .ContactHeaderL{ font-size: 35px;} .ContactHeaderLR .ContactHeaderL .TogetherIcon img{ max-width: 360px;} .NewsBoxList ul li .LRBox .PicLeft{ min-width: 150px; width: 150px; height: 150px;} .NewsBoxList ul li .LRBox .DetailRight .Category{ font-size: 13px; padding: 3px 10px; max-width: 120px; } .NewsBoxList ul li .LRBox .DetailRight .Title{ font-size: 13px; padding-right: 0;} .NewsBoxList ul li .LRBox .DetailRight .Date{ font-size: 13px; margin-top: 10px; margin-bottom: 10px; } .NewsBoxList ul li .LRBox .DetailRight{ padding-left: 20px;} .NewsBoxList ul li:first-child .LRBox .PicLeft{ width: 100%; height: auto; margin-bottom: 15px;} .NewsBoxList ul li:first-child .LRBox{ display: block; } .NewsBoxList ul li:first-child a{ padding-bottom: 60px;} .NewsBoxList ul li:first-child a:after{ bottom: 20px; } .NewsBoxList ul li a:after{ width: 35px; height: 35px; bottom: 10px;} .OurVisionDetail{ padding-top: 30px;} .OurVisionDetail .Title{ font-size: 25px; } .OurVisionDetail .Descriptions { margin-top: 80px; font-size: 18px; line-height: 35px; } /* TopKV */ .TopKV{ height: 380px; } .TopKV h1{ font-size: 21px; line-height: 45px; padding-top: 60px; } .TopKV .LogoKV{ height: 250px; } /* PartnersLogoArea */ .PartnersLogoList{ margin-top: 10px;} .PartnersLogoList ul li{ margin: 5px 0;} .PartnersLogoList ul li img{ max-height: 30px; max-width: 105px; } /* AchrievementsBox */ .AchrievementsArea:before{ width: 480%; } .AchrievementsBox .HeaderBox .AchievmentsIcon{ width: 310px; top: -90px; } /*.AchrievementsBox .AchrievementsAreaList ul{ display: block; } .AchrievementsBox .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsBox .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; } .AchrievementsBox .AchrievementsAreaList ul li{ width: 100%; margin-bottom: 40px; }*/ .AchrievementsAreaList ul{ display: block; } .AchrievementsAreaList ul li .Title{ font-size: 20px; } .AchrievementsAreaList ul li .Descriptions{ font-size: 15px; } .AchrievementsAreaList ul li{ width: 100%; margin-bottom: 40px; } /* WhyChooseUsArea */ .WhyChooseUsArea{ padding: 240px 0 120px 0; } /*.WhyChooseUsBox .HeaderBox h2{ font-size: 130px;} .WhyChooseUsBox .HeaderBox h2 .SmallWhy{ font-size: 35px; left: 80px; top: 150px; } .WhyChooseUsBox .HeaderBox p{ font-size: 17px; letter-spacing: 0;}*/ .WhyChooseUsBox .HeaderBox p{ font-size: 130px;} .WhyChooseUsBox .HeaderBox p .SmallWhy{ font-size: 35px; left: 80px; top: 150px; } .WhyChooseUsBox .HeaderBox h2{ font-size: 16px; letter-spacing: 0;} .WhyChooseUsBox .DetailLeft{ width: 100%; margin-top: 0; } .WhyChooseUsBox .DetailLeft .Title{ font-size: 16px; margin-top: 0; } .WhyChooseUsBox .DetailLeft .Descriptions{ font-size: 14px; line-height: 28px; } .WhyChooseUsBox .PictureRight{ width: 80%; top: 0px; } .WhyPic01{ max-width: 88%; margin-top: 5.2%;} .WhyPic02{ max-width: 68%; margin-top: 0;} .WhyPic03{ max-width: 42%; margin-top: 0;} .WhyChooseUsBox .DetailLeft .WhyLinks .StrengthsLinks{ margin-right: 10px; max-width: 180px; font-size: 14px; padding: 10px 10px; } .WhyChooseUsBox .DetailLeft .WhyLinks .IntroductionLinks{ max-width: 140px; font-size: 14px; padding: 10px 10px; } .SectionTypeArea{ padding: 50px 0;} .SectionTypeArea .HeaderBox{ padding-bottom: 20px;} .SectionTypeArea .HeaderBox p{ font-size: 30px; } .SectionTypeArea .HeaderBox h2{ font-size: 16px; } .SectionTypeInfo .Captions{ padding-left: 20px; font-size: 16px; } .SectionTypeInfo .LogoT{ width: 100px; height: 100px;} .Type01{ background-position: center left 55%; border-left: 40px solid #003ba0;} .SectionLRBox .SectionLBox .PicL{ max-width: 250px!important; } .SliderTreeType .slick-slider .slick-slide.slick-current .InnerBox .Picture, .SliderTreeType .slick-slider .slick-slide.slick-center .InnerBox .Picture{ height: 200px!important;} .SliderTreeType .slick-slider .slick-slide.slick-current .Description, .SliderTreeType .slick-slider .slick-slide.slick-center .Description{ font-size: 12px;} .SliderTreeType .slick-slider .slick-slide { margin: 15px; } .SliderTreeType .InnerBox .Picture{ height: 200px; } .SliderTreeType .Description{ padding: 0 20px 15px 20px; } .SliderTreeType .slick-next{ right: 32%; } .SliderTreeType .slick-prev{ left: 32%; } .BTNViewmore a{ padding: 15px 30px; } /* KVSlide */ .KVSlide ul li{ height: 350px;} .KVSlide ul li:nth-child(1) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(2) .Title p{ padding: 40px 20px; font-size: 35px; } .KVSlide ul li:nth-child(3) .Title p{ padding: 40px 20px; font-size: 30px; letter-spacing: 4px; } .AchievementsTop{ font-size: 18px;} .MapSlide{ padding: 0 0 160px 0;} .MapSubject{ position: relative; max-width: 90%; margin: auto;} .MapSlide .HeaderBox h2{ font-size: 19px;} .MapSlideLR .MapSlideLRRight{ padding-top: 0;} .BTNViewmoreBlue a{ padding: 15px 30px; } /*.LRBox .FlagRight .Descriptions{ display: block; }*/ .LRBox .FlagRight .Descriptions{ font-size: 14px;} .LRBox .FlagLeft img{ border: 2px solid #fff; border-radius: 5px; } .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active{ background-color: #fff; color: #3e3a39;} .MapSlideLR .MapSlideLRRight .MapSlideList ul li.active .LRBox .FlagRight .Country{ color: #003ba0; } .MessageArea .MessageAreaBox h1{ font-size: 20px; line-height: 41px; } .MessageAreaLR{ display: block; } .MessageAreaLR .MessageAreaL{ width: 100%; } .MessageAreaLR .MessageAreaR{ width: 100%; margin-top: 30px; } .SlideOurExpertise .slides { height: 640px; } .StrengthsInfosBox .StrengthsInfosLR ul li .StrengthsInfosL{ width: 43%; max-width: 150px; } .StrengthsInfosBox .StrengthsInfosLR ul li .StrengthsInfosR{ width: 57%; line-height: 31px; } .AboutAISIconRight{ top: 9%;} .AboutHeader p{ font-size: 28px; } .AboutHeader p span{ font-size: 120px; margin-left: 20px;} .AboutHeader h2{ margin: -25px 0 0 0; font-size: 16px; letter-spacing: 2px; } .AboutSection .LeftDetail{ line-height: 31px;} .AboutIntroFirst{ padding: 80px 0 40px 0;} .AboutIntroFirst h2{ font-size: 24px; line-height: 45px; } .AboutIntroFirst .Description{ line-height: 32px;} .PersonalList3 ul li{ width: 100%; max-width: 250px; margin: auto; } .PersonalList3 ul{ grid-template-columns: repeat(1, 1fr); gap: 50px; } .HeaderPageCenter h2{ font-size: 28px; line-height: 45px; } .HeaderPageCenter .Captions{ font-size: 18px; } .BlockEditorStyle .QuoteStyle{ padding: 30px;} .BlockEditorStyle h2{ font-size: 30px; line-height: 48px;} .BlockEditorStyle h3{ font-size: 22px; line-height: 35px;} .BlockEditorStyle .StrengthsInfosLR ul li .StrengthsInfosL{ width: 43%; max-width: 150px; } .BlockEditorStyle .StrengthsInfosLR ul li .StrengthsInfosR{ width: 57%; line-height: 31px; } .ScrollTable{ overflow-x: scroll; } .ScrollTable table td { min-width: 200px;} .ScrollTable table td:first-child { min-width: 180px; } .BlockEditorStyle .wp-block-image :where(figcaption){ font-size: 14px;} .PriceThaiSectionList ul li{ display: block; padding: 30px; } .PriceThaiSectionList ul li .PictureLeft{ width: 100px; height: 100px; margin: auto; margin-bottom: 20px; } .PriceThaiSectionList ul li .PriceThaiSectionListLeft{ width: 100%; padding-left: 0;} .PriceThaiSectionList ul li .PriceThaiSectionListRight{ width: 100%; max-width: 100%; margin-top: 20px; text-align: center;} /* KVTravelMediaThai */ .KVTravelMediaThai{ height: 380px; } .KVTravelMediaThai .CenterCircle{ width: 280px; height: 280px; margin-top: 50px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont{ font-size: 45px; margin-top: -20px; } .KVTravelMediaThai .KVTravelMediaThaiThaiFont span{ font-size: 70px; line-height: 110px; margin-top: -30px; } .KVTravelMediaThai h1{ margin-top: -10px; font-size: 16px; letter-spacing: 2px; } .KVTravelMediaThai h1 span{ font-size: 23px;} .KVTravelMediaThai .CenterCircle .Flaghai{ top: 0px;} .KVTravelMediaThai .CenterCircle .Flaghai img{ max-width: 70px; } .OVHDD{ height: 280px!important; } .KVTravelMediaThaiPage{ height: 280px!important;} .KVTravelMediaThaiPage .CenterCircle { margin-top: 90px!important; width: 250px!important; height: 250px!important;} .KVMedia{ top: 51%;} .KVMedia img{ max-width: 320px; } .KVTravelMediaThaiIntoPage{ padding-top: 120px!important;} .ThaiTop3Layout{ height: 380px; } .ForThaiPage .Title{ font-size: 23px;} .ForThaiPage .Captions{ font-size: 16px; margin-top: 30px; margin-bottom: 30px; } .ForThaiPageBox3Box ul li div .Number1{ font-size: 70px; line-height: 70px; } .ForThaiPageBox3Box ul li div{ font-size: 25px; } }