/* -------------------------------------  1440px  ------------------------------------- */
@media(max-width:1440px)
{
    .LifeInBangkok{ padding: 100px 0; }
    .LifeInBangkok .RightPicture{ top: 4%; }

    /*.TabContent .Mapox .MapLeft .AroundBanner{ width: 14%; }
    .TabContent .Mapox .MapLeft .AroundBannerQoute{ left: 51%; }*/

}

/* -------------------------------------  1400px  ------------------------------------- */
@media(max-width:1400px)
{
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 55px; height: 55px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 35px; max-height: 35px;}

    .RightSmallFacility{ padding: 7% 25px; }
    .RightSmallFacility .Title{ font-size: 150%; }
    .RightSmallFacility .FacilityListR ul li .Icon{ width: 75px; height: 75px; }
    .RightSmallFacility .FacilityListR ul li .Icon img{ max-width: 40px; max-height: 40px;}
    .RightSmallFacility .FacilityListR ul li .Text{ font-size:110%; }

}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1280px)
{
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 50px; height: 50px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 30px; max-height: 30px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 12px;}

    .RightSmallFacility{ padding: 5% 25px; }
    .RightSmallFacility .Title{ font-size: 140%; }
    .RightSmallFacility .FacilityListR ul li .Icon{ width: 65px; height: 65px; }
    .RightSmallFacility .FacilityListR ul li .Icon img{ max-width: 35px; max-height: 35px;}
    .RightSmallFacility .FacilityListR ul li .Text{ font-size:100%; }
}

/* -------------------------------------  1280px  ------------------------------------- */
@media(max-width:1200px)
{
    /* TopMenu */
    .InnerBox{ margin-left: 50px; margin-right: 50px; }
    /*.TopBar .Contact .LineContact a{ padding: 33px 0 33px 25px;}*/
    .TopBar .Contact .PropertySearchTopBar{ font-size: 13px;}
    .TopBar .Contact .PropertySearchTopBar a{ padding: 25px 15px; }
    .TopBar .Contact .ContactTopBar{ font-size: 13px; }
    .TopBar .Contact .ContactTopBar a{ padding: 26px 15px; }
    .TopBar .Contact .TelTopBar{ font-size: 14px;}
    .TopBar .Contact .TelTopBar a{ display: block; padding: 23px 15px;}
    .NavigatioMenu ul li a{ font-size: 13px; }
    .ScrollMennu .LogoSticky img{ max-width: 60px; }
    .ScrollMennu .NavigatioMenu ul li{ padding: 0 8px;}
    .ScrollMennu .NavigatioMenu ul li a{ font-size: 13px; }
    .TopMenu.fixedTop .NavigatioMenu ul li a{ font-size: 13px; }
    .TopMenu.fixedTop .NavigatioMenu ul li{ padding: 0 8px; }

    .FooterBox{ margin-left: 50px; margin-right: 50px; }
    .FoooterContact .ContactIconList ul{ max-width: 90%; }
    .FoooterContact .Innner .Right h2{ font-size: 32px; }
    .FoooterContact .Innner .Right .Title{ font-size: 22px;}
    .FoooterContact .Innner .Right .Descriptions{ font-size: 15px; }
    .FoooterContact .ContactIconListForOthers{ max-width: 90%; }

    /* Footer */
    footer .FoooterContact .ContactIconList ul{ max-width: 90%; }
    footer .FoooterContact .Innner .Right h2{ font-size: 32px; }
    footer .FoooterContact .Innner .Right .Title{ font-size: 22px;}
    footer .FoooterContact .Innner .Right .Descriptions{ font-size: 15px; }
    footer .FooterBox{ margin-left: 50px; margin-right: 50px; }
    footer .TailLink .TailLinkBox .Title{ font-size: 16px; }
    footer .TailLink .TailLinkBox ul li{ font-size: 13px; }
    footer .TailLink2 .TailLinkBoxLeft{ width: 40%;}
    footer .TailLink2 .TailLinkBoxRight{ width: 60%;}

    /* PointList */
    .PointListBox{ margin-left: 50px; margin-right: 50px; }
    .PointListBox ul li .PointTitle{ font-size: 23px; }

    /* WhyOyashiki */
    .WhyOyashikiBox{ margin-left: 50px; margin-right: 50px; }
    .WhyOyashikiBox .Inner .Title{ font-size: 43px; }
    .WhyOyashikiBox .Inner h2{ font-size: 30px; }
    .WhyOyashikiBox .Inner h2 span{ display: block;}
    .WhyOyashikiBox .Inner .Descriptions{ font-size: 16px;}
    .WhyOyashikiBox .Inner .Icon{ top: 0px; right: -140px;}
    .WhyOyashiki .PictureRight{ top: 45%;}

    .AboutPageHeaderBox .Inner h1.Title{ width: 70%;}

    /* BreadcrumbTopAll */
    .BreadcrumbBox{  margin-left: 50px; margin-right: 50px; }

    /* CategoryList */
    .CategoryListBox{ margin-left: 50px; margin-right: 50px; }
    .CategoryListBox .Inner{ max-width: 65%; }
    .CategoryListBox .Inner .TitleH{ font-size: 43px; }
    .CategoryListBox .Inner h1.Title{ font-size: 30px; margin-top: 10px; }
    .CategoryListBox .Inner h1.Title span{ display: block;}
    .CategoryListBox .Inner .Descriptions{ font-size: 16px;}

    .CategoryList .PictureRight{ top: 45%;}

    /* PostTypeList */
    .PostTypeList ul li .Left{ width: 87%; padding: 20px; }
    .PostTypeList ul li .Icon img{ max-width: 90px; max-height: 90px;}
    .PostTypeList ul li .Detail .PostTypeName{ margin: 0; font-size: 22px; }
    .PostTypeList ul li .Detail .PostTypeName span{ font-size: 32px;}
    .PostTypeList ul li .Right{ width: 13%; }

    /* PropertyList  */
    .PropertyListBox{ margin-left: 50px; margin-right: 50px; }
    .PropertyListBoxItem{ margin-left: 50px; margin-right: 50px; }
    .PropertyListBox .RentIcon{ width: 180px; height: 180px; top: -24px; }

    /* LifeInBangkok  */
    .LifeInBangkokBox{ margin-left: 50px; margin-right: 50px; }
    /*.LifeInBangkokBox .Title{ font-size: 30px;}*/
    .LifeInBangkokBox h2{ font-size: 30px;}
    .LifeInBangkok .RightPicture{ width: 42%; top: 6%; }
    .LifeInBangkokConntent ul li .Detail .Title{ margin: 0; font-size: 15px; }
    .LifeInBangkokConntent ul li:first-child .Detail .Titles{ margin: 30px 0 0 0; font-size: 22px; }
    /*.LifeInBangkokConntent ul li:last-child{ clear: both;}*/

    /* StepAndSearch */
    .StepAndSearch .StepLeft{ width: 55%; }
    .StepAndSearch .ContactRight{ width: 40%; }

    /* PopularSearch  */
    .PopularSearchBox{ margin-left: 50px; margin-right: 50px; }
    .MapTab{ margin-left: 50px; margin-right: 50px; }
    .MapTab ul li{ font-size: 20px; }
    .MapTab ul li a{ padding: 15px; }

    /* CategoryListPage */
    .CategoryListPageBox{ max-width: 90%; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .Picture p{ height: auto; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Title{ font-size: 18px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Descriptions{ font-size: 14px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos{ font-size: 12px; top: 260px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ font-size: 14px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ padding: 10px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 13px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 50px; height: 50px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 30px; max-height: 30px;}

    /* RelatedProperty  */
    .RelatedPropertyBox{ margin-left: 50px; margin-right: 50px; }

    /* ################################### Single page ################################### */
    /* SectionPropertyInfos */
    .SectionPropertyInfosBox{ margin-left: 50px; margin-right: 50px; }

    /* SectionRoomsInfos */
    .SectionRoomsInfosBox{ margin-left: 50px; margin-right: 50px; }

    /* SectionOthersInfosBox */
    .SectionOthersInfosBox{ margin-left: 50px; margin-right: 50px; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 33.33%;}
    .SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 55px; height: 55px; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 30px; max-height: 40px;}

    /* ContactAgent */
    .ContactAgent .ContactAgentBox{ margin-left: 50px; margin-right: 50px; }
    .ContactAgent .Innner .Right .Title{ font-size: 22px; }

    /* SlideImages */
    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ background-size: contain; height: 350px;}

    /* FacilitiesAndService */
    .FacilitiesAndServiceBox{ margin-left: 50px; margin-right: 50px; }

    /* ContactSticky */
    .ContactStickyRight{ max-width: 310px; padding: 20px; }
    .ContactStickyRight .CSProfile .Picture p { width: 80px; height: 80px; }
    .ContactStickyRight .CSProfile .Name{ font-size: 18px;}
    .ContactStickyRight .Telephone{ font-size: 25px; }
    .ContactStickyRight .PropertySearch {margin: 10px 0; }
    .ContactStickyRight .TwoBoxContact{ margin-top: 20px;}

    /* Blog page */
    .BlogPageLayoutBox{  margin-left: 50px; margin-right: 50px; }

    /* ContactPage */
    .ContactPageBox{ margin-left: 50px; margin-right: 50px; }

    /* AboutPageHeader */
    .AboutPageHeaderBox{ margin-left: 50px; margin-right: 50px; }
    .IconBaseBall{ right: 5%; bottom: 12%; }
    .IconBaseBall img{ max-width: 200px; max-height: 200px; }

    /* OurStaffList */
    .OurStaffList{ margin-left: 50px; margin-right: 50px; }

    /* StaffList2026 */
    .StaffList2026{ margin-left: 50px; margin-right: 50px; }
    .StaffList2026 ul li .StaffList2026LR .PictureL p{ width: 120px; height: 120px; }
    .StaffList2026 ul li .StaffList2026LR .NameR .Name{ font-size: 16px;}
    .StaffList2026 ul li .StaffList2026LR .NameR .Name{ font-size: 15px;}
    .StaffList2026 ul li .StaffList2026LR .NameR .Position{ font-size: 14px;}
    .StaffList2026 ul li .Description{ font-size: 14px;}

    /* OurStaffTeamBox */
    .OurStaffTeamBox .Left .Detail{ top: -100px; }
    .OurStaffTeamBox{ margin-left: 50px; margin-right: 50px; }

    /* OurStaffHeader */
    .OurStaffHeaderBox{ margin-left: 50px; margin-right: 50px; }
    .OurStaffHeaderBox .PictureRight{ right: 25%; }

    /* OurStaffFirst */
    .OurStaffFirstBox{ margin-left: 50px; margin-right: 50px; }

    /* StreghtPageHeader */
    .StreghtPageHeaderBox{ margin-left: 50px; margin-right: 50px; }
    .WhyFirstSectionBox{ margin-left: 50px; margin-right: 50px; }
    .StreghtPageHeaderBox .Inner h1.Title{ font-size: 28px; }
    .WhyFirstSection .Picture img{ max-width:330px; }
    .WhyFirstSectionBox .Descriptions{ width: 70%;}
    .StreghtPageHeaderBox .StreghtIconCenter { right: 20%; }
    .StreghtLeftRight ul li .InnerBox .Left .Title .NumberCount{ font-size: 80px;}
    .StreghtLeftRight ul li .InnerBox .Left h3 .NumberCount{ font-size: 80px;}
    .StreghtLeftRight ul li{ padding: 100px 0; }
    .StreghtLeftRight ul li .InnerBox .Left .Title{ font-size: 25px; }
    .StreghtLeftRight ul li .InnerBox .Left h3{ font-size: 25px; }
    .StreghtLeftRight ul li .InnerBox .Left .Descriptions{ font-size: 14px; line-height: 28px; }
    .StreghtLeftRight ul li .Right img{ max-width: 650px; max-height: 320px; }

    /* PrivacyPolicy */
    .PrivacyPolicyBox{ margin-left: 50px; margin-right: 50px; }

    /* PageNotFound */
    .PageNotFoundBox{ margin-left: 50px; margin-right: 50px; }

    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 33.33%;}
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 55px; height: 55px;}
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 35px; max-height: 35px;}
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 33.33%;}

    /* Map */
    .MapName{ padding: 10px 20px; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9{ font-size: 80%; top: 20%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlom{ font-size: 69%; top: 40%; }
    .TabContent .Mapox .MapLeft .AroundAsoke{ font-size: 60%; top: 34%; }
    .TabContent .Mapox .MapLeft .AroundAsokeQoute{ padding: 8px 30px 15px 30px; top: 15%; left: 10.5%; font-size: 55%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhong{ font-size: 53%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhongQoute{ padding: 3px 20px 10px 20px; top: 16%; font-size: 55%; }
    .TabContent .Mapox .MapLeft .Thonglor{ /*width: 8%;*/ font-size: 60%; }
    .TabContent .Mapox .MapLeft .ThonglorEkamaiQoute{ width: auto; padding: 5px 30px 12px 35px; top: 40%; left: 52%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .Ekamai{ /*width: 8%;*/ font-size: 60%; }
    .TabContent .Mapox .MapLeft .Ratchadamri{ font-size: 60%; padding: 10px 10px; }
    .TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute{ top: 48%; left: 3.5%; }
    .TabContent .Mapox .MapLeft .LanceAn{ font-size: 60%; padding: 10px 10px; }
    .TabContent .Mapox .MapLeft .SouthPhromPhong{ top: 55%; left: 3.2%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhongQoute{ padding: 5px 20px 12px 20px; top: 32%; left: 0.5%; font-size: 50%; }
    .TabContent .Mapox .MapLeft .PlacanonOnnut{  top: 56%; left: 40.2%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnutQoute{ padding: 5px 30px 12px 30px; top: 47.5%; left: 34%; font-size: 50%; }
    .TabContent .Mapox .MapLeft .SilomSatorn{ top: 31%; left: 46.2%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .SilomSatornQoute{ padding: 5px 30px 12px 30px; top: 12.5%; left: 44%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .AroundBanner{ /*width: 14%;*/ top: 36%; left: -20%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .AroundBannerQoute{ padding: 5px 30px 12px 30px; top: 27%; left: -25%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .SaphanTaksin{ width: 45%; top: 62%; left: 42.2%; font-size: 55%; }

    /* SmallMapName */
    .SmallMapName{ width: 70%; font-size: 80%; }
    .RightSmallMapInner p{ padding: 7px 10px;}
    .RightSmallMapInner .Sriracha{ width: 65%; top: 35%; left: 24%; }
    .RightSmallMapInner .Pattaya{ width: 120%; top: 32%; left: 43%; }

    .RightSmallFacility{ padding: 5% 20px; }
    .RightSmallFacility .Title{ font-size: 120%; }
    .RightSmallFacility .FacilityListR ul li .Icon{ width: 55px; height: 55px; }
    .RightSmallFacility .FacilityListR ul li .Icon img{ max-width: 30px; max-height: 30px;}
    .RightSmallFacility .FacilityListR ul li .Text{ font-size:80%; }


    /* ------  Office Map ----- */
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9{ top: 40%; font-size: 80%;}
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlom{ top: 36%; font-size: 70%; padding: 5px 15px;}
    .TabContent .Mapox .MapLeft .Office_AroundAsoke{ width: 70%; top: 30%; left: 15.5%; font-size: 80%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsokeQoute{ top: 7%; font-size: 60%; padding: 4px 15px 15px 15px; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai{ font-size: 70%; top: 20%; left: 15%; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute{ top: 6%;}
    .TabContent .Mapox .MapLeft .Office_Ratchadamri{ width: 80%; left: 9%; font-size: 75%; }
    .TabContent .Mapox .MapLeft .Office_RatchadamriQoute{ padding: 6px 20px 15px 20px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnut{ width: 60%; font-size: 75%; top: 60%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute{ top: 47.5%; }
    .TabContent .Mapox .MapLeft .Office_SilomSatorn{ width: 45%; font-size: 75%; top: 42%; padding: 5px 15px;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornQoute{ top: 15%; padding: 4px 25px 15px 25px; }
    .TabContent .Mapox .MapLeft .Office_SaphanTaksin{ width: 100%; top: 30%; left: 50%; font-size: 70%; padding: 4px 15px;}
    .TabContent .Mapox .MapLeft .Office_AroundBanner{ width: 85%; top: 60%; left: -35%; font-size: 75%;}
    .TabContent .Mapox .MapLeft .Office_AroundBannerQoute{ top: 50%; left: -35%;}
    .iconText13{ top: 49%; left: 56%; }
    /* ------ End Office Map ----- */

    /* ------  Factory Map ----- */
    .TabContent .Mapox .LastMap .LastMapRight .Inner{ padding: 25px;}
    .TabContent .Mapox .LastMap .LastMapRight .Inner ul li{ padding: 10px 0 10px 35px; font-size: 15px; }
    .TabContent .Mapox .LastMapBox .Factory_Saraburi{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_Ayutthaya{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_PathumThani{ width: 65%; font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_Nonthaburi{ width: 90%; font-size: 65%; }
    .TabContent .Mapox .LastMapBox .Factory_Bangkok{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_SamutSakon{ width: 65%; font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_SamutPrakan{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_PrachinBuri{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_Chachunsao{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_Chonburi{ font-size: 80%; }
    .TabContent .Mapox .LastMapBox .Factory_Rayong{ font-size: 80%; }
    /* ------ End Factory Map ----- */

    .BalloonBG{ /*max-width: 98%;*/ font-size: 9px; padding: 4px; border: 1px solid #000; }
    .BalloonBG:after{ bottom: -8px; right: 20px; width: 10px; height: 9px; }

    .PloenchitChidlomBG .BalloonBG{ max-width: 98%;}
    .AroundAsokeBG .BalloonBG{ max-width: 80%; top: 11.5%; }
    .NorthPhromPhongBG .BalloonBG{ max-width: 80%; top: 7.5%; }
    .ThonglorBG .BalloonBG{ max-width: 65%; top: 27.5%; }
    .EkamaiBG .BalloonBG{ max-width: 46%; top: 32.5%; right: -31%; }
    .LanceAnBG .BalloonBG{ max-width: 100%; top: 8.5%; }
    .AroundBannerBG .BalloonBG{ top: 23%;}
    .SilomSatornBG .BalloonBG{ max-width: 45%;}
    .Office_PloenchitChidlomBG .BalloonBG{ max-width: 85%; top: 0.5%; }
    .Office_AroundAsokeBG .BalloonBG{ max-width: 90%; top: 2.5%; }
    .Office_PhromPhongThonglorEkamaiBG .BalloonBG{ max-width: 55%; top: 5.5%; }
    .Office_RatchadamriBG .BalloonBG{ max-width: 90%; top: 10.5%; }
    .Office_PlacanonOnnutBG .BalloonBG{ max-width: 57%; top: 52.5%; right: -20%; }
    .Office_SilomSatornBG .BalloonBG{ top: 15.5%;}
    .Office_AroundBannerBG .BalloonBG{ max-width: 80%; top: 42.5%; left: -95%; }
    .Office_SaphanTaksinBG .BalloonBG{ max-width: 75%; top: 0%; right: -100%; }
}

@media(max-width:1024px)
{
    /* KeyvisualTPBox */
    .KeyvisualTP{ height: 768px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox{ max-width: 90%; }
    .KeyvisualTPBox .LogoTP{ max-width: 90%; }
    .KeyvisualTPBox .TextTP img{ max-width: 500px;}

    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox{ flex-wrap: wrap; }
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
    /* MobileMenu */
    .MobileMenu{ display: flex!important; }
    .TopMenuHR{ display: block; position: fixed; overflow-y: scroll; background-color: #fff; width: 100%; height: 100%; opacity: 1!important; left: -100%; z-index: 999; }
    .TopMenu{ position: fixed; overflow-y: scroll; background-color: #fff; width: 100%; height: 100%; opacity: 1!important; left: -100%; z-index: 999; }
    .TopMenuBox{ border-bottom: 0px;}
    .TopBar{ height: auto; display: none; }
    .InnerBox{ margin: 20px 30px;}
    .NavigatioMenu ul{ display: block; height: auto;}
    .NavigatioMenu ul li{ padding: 10px!important; border-bottom: 1px solid #eee; }
    .NavigatioMenu ul li .SubMenu{ display: block; padding-left: 25px; }
    .NavigatioMenu ul li:hover .SubMenu{ display: block; position: relative; padding: 0px; padding-left: 25px; }
    .NavigatioMenu ul li li { list-style-type: disc; padding: 0!important; border-bottom: 0px solid #eee; }
    .NavigatioMenu ul li .SubMenu ul{ box-shadow: 0px 0px 0px rgba(0,0,0,0); }
    .NavigatioMenu ul li .SubMenu ul li a:before{ display: none;}
    .NavigatioMenu ul li .SubMenu ul li a{ font-size: 12px; }
    .ContactMB{ display: block; margin-bottom: 60px;}
    .TopMenu.off-canvas { top: 60px!important; }
    .TopMenu.fixed { top:60px!important; z-index: 999999999999; }
    .TopMenu.fixedTop { top:60px!important; z-index: 999999999999; }
    .ScrollMennu .LogoSticky{ display: none;}
    .ScrollMennu .RightContactSticky{ display: none;}
    .ScrollMennu .NavigatioMenu ul li a{ font-size: 13px; }
    .TopMenu.fixedTop .NavigatioMenu ul li a{ font-size: 13x; }
    .TopMenu.fixedTop .NavigatioMenu ul li li a{ font-size: 12px; }
    .TopMenu { top:60px;}

    .FoooterContact .ContactIconList{ padding: 25px;}
    .FoooterContact .ContactIconList ul{ max-width: 100%; }
    .FoooterContact .ContactIconList ul li{ font-size: 18px; margin: 2% 1.5%;  }
    .FoooterContact .Innner .Right h2{ font-size: 28px; padding-top: 20px; margin-left: 20px; }
    .FoooterContact .Innner .Right .Title{ padding-left: 40px; }
    .FoooterContact .Innner .Right .Descriptions{ padding-left: 40px; }
    .FooterBox{ max-width: 90%; margin: auto; }

    /* Footer */
    footer .FoooterContact .ContactIconList{ padding: 25px;}
    footer .FoooterContact .ContactIconList ul{ max-width: 100%; }
    footer .FoooterContact .ContactIconList ul li{ font-size: 18px; margin: 2% 1.5%;  }
    footer .FoooterContact .Innner .Right h2{ font-size: 28px; padding-top: 20px; margin-left: 20px; }
    footer .FoooterContact .Innner .Right .Title{ padding-left: 40px; }
    footer .FoooterContact .Innner .Right .Descriptions{ padding-left: 40px; }
    footer .FooterBox{ max-width: 90%; margin: auto; }
    footer .TailLink .TailLinkBox{ width: 50%;}
    footer .TailLink2 .Inner{ display:block;}
    footer .TailLink2 .TailLinkBoxLeft{ width: 100%; padding-right: 0; line-height: 25px;}
    footer .TailLink2 .TailLinkBoxRight{ width: 100%;}
    footer .TailLink2 .TailLinkBox{ width: 25%;}

    /* PointList */
    .PointListBox{ max-width: 90%; margin: auto; }
    .PointListBox ul li .PointPicture{ margin-bottom: 30px;}
    .PointListBox ul li .PointTitle{ font-size: 17px; }
    .PointListBox ul li .PointDescriptions{ font-size: 15px; }
    
    /* WhyOyashiki */
    .WhyOyashikiBox{ max-width: 90%; margin: auto;}
    .WhyOyashiki .PictureRight{ display: none;}
    .WhyOyashikiBox .Inner{ max-width: 100%; }
    .WhyOyashikiBox .Inner .Icon{ right: 10px; }

    /* BreadcrumbTopAll */
    .BreadcrumbBox{ max-width: 90%; margin: auto;}

    /* CategoryList */
    .CategoryListBox{ max-width: 90%; margin: auto;}
    .CategoryList .PictureRight{ display: none;}
    .CategoryListBox .Inner{ max-width: 100%; }
	.CategoryListBox .SearchType ul li.pc-button{display: none;}
	.CategoryListBox .SearchType ul li.sp-button{display: block;}
	
    /* PostTypeList */
    .PostTypeList ul li .Left{ width: 87%; padding: 15px; }
    .PostTypeList ul li .Icon{ width: 25%; margin-left: 0%; }
    .PostTypeList ul li .Icon img{ max-width: 60px; max-height: 60px;}
    .PostTypeList ul li .Detail{ width: 75%; }
    .PostTypeList ul li .Detail .PostTypeName{ margin: 0; font-size: 20px; }
    .PostTypeList ul li .Detail .PostTypeName span{ font-size: 25px;}
    .PostTypeList ul li .Right{ width: 13%; }

    /* PropertyList  */
    .PropertyListBox{ max-width: 90%; margin: auto; }
    .PropertyListBoxItem{ max-width: 90%; margin: auto; margin-top: 20px; }
    .PropertyListBoxItem ul{ justify-content: center;}
    .PropertyListBoxItem ul li{ width: 31.33%; }
    .PropertyListBoxItem ul li .Picture{ height: 180px; }
    .PropertyListBox .RentIcon{ width: 130px; height: 130px; right: 0px; top: -24px; }
    /*.PropertyListBox h2{ font-size: 40px;}*/
    .PropertyListBox .Title{ font-size: 40px;}
    .PropertyListBox h2{ font-size: 40px; margin-top: 10px; }
    .PropertyListBox h2 span{ font-size: 30px; }
    .PropertyListBox h2:after{ top: 3px;}

    /* LifeInBangkok  */
    .LifeInBangkok .RightPicture{ width: 42%; top: 4%; }
    .LifeInBangkok{ padding: 100px 0; }
    /*.LifeInBangkokBox h2{ font-size: 40px;}*/
    .LifeInBangkokBox .Title{ font-size: 40px;}
    .LifeInBangkokBox h2{ font-size: 30px;}
    .LifeInBangkokBox{ max-width: 90%; margin: auto;}
    /* LifeInBangkokConntent */
    .LifeInBangkokConntent{  margin: 80px 0;}
    .LifeInBangkokConntent ul li{ width: 100%; }
    .LifeInBangkokConntent ul li:first-child .Detail .Titles{ font-size: 20px; }
    .LifeInBangkokConntent ul li:first-child{ width: 100%; margin-right: 0%; float: none; margin-bottom: 25px; }
    .SinglePageLayoutBoxLeft{ padding-right: 0;}
    .SinglePageLayoutBoxLeft{ width: calc(100% - 280px); padding-right: 20px; }
    .SinglePageLayoutBoxRight{ max-width: 280px; }
    .SinglePageLayoutBoxLeft .StepLeftList ul li .Titles{ font-size: 20px;}
    .LifeInBangkok .BGBoxLeft{ width: 60%; top: 15%; }
    .LifeInBangkok .BGBoxRight{ width: 70%; top: 80%; }

    /* PopularSearch  */
    .PopularSearchBox{ max-width: 90%; margin: auto; }
    .PopularSearchBox .Title2{ font-size: 40px; }
    .PopularSearchBox .Title{ font-size: 30px; margin-top: 30px; }
    .PopularSearchBox h2{ font-size: 30px; margin-top: 30px;}
    .PopularSearchBox .RentIcon{ width: 200px; height: 200px; right: 0px; top: 30px; }
    .MapTab{ max-width: 90%; margin: auto; margin-top: 30px; }
    .MapTab ul li{ font-size: 16px; }
    .MapTab ul li a{ padding: 10px; height: 70px; }
    .MapTab ul li img{ max-width: 30px; max-height: 30px; margin-right: 5px; }

    /* KeyvisualTPBox */
    .KeyvisualTP{ margin-top: 60px;}
    .KeyvisualTPBox .SearchTXT{ font-size: 20px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li a{ height: 200px; font-size: 20px; }
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li .Title{ margin-top: 0px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li a img{ max-width: 60px; max-height: 60px; }

    .MerginPage{ margin-top: 70px!important;}
    .MerginOthersPage{ margin-top: 70px!important;}

    /* CategoryListPageBox */
    .CategoryListPage{  margin-top: 50px;} 
    /*.CategoryListPageBoxLeft{ float: none; display: none; }*/
    .CategoryListPageBoxLeft{ height: 0px; overflow: hidden; opacity: 0;}
    .CategoryListPageBoxRight{ width: 100%; max-width: 100%; float: none; }
    .CategoryListPageBoxRight .CategoryBoxList ul li a{ min-height: 400px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .Picture p{ height: auto; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Title{ font-size: 18px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Descriptions{ font-size: 13px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li:first-child .IconInfos{ top: 190px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos{ font-size: 12px; top: 230px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList{ font-size: 13px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ padding: 10px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 12px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 35px; height: 35px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 20px; max-height: 20px;}
    .CategoryListPageBoxLeft .SearchBox input[type=number]{ padding: 7px 10px;}
    .CategoryListPageBoxLeft .SearchBox .BTNSearchBox{ margin-top: 15px;}
    .CategoryListPageBoxLeft .SearchBox .RowsTwo{ margin: 10px 0;}
    .CategoryListPageBoxLeft .FormDetail{ padding: 15px;}
    .CategoryListPageBoxLeft .SearchBox .Rows{ margin-top:5px; margin-bottom: 10px; }
    .CategoryListPageBoxLeft .RightSearchBoxBG{ position: relative; z-index: 999999999999;}
    .CategoryListPageBoxLeft .SearchForm{ max-width: 310px; }
    .RightSearchBox{ height: 0px; overflow: hidden; opacity: 0;}
    .ShowSearchSPClose{ display: block; position: absolute; content: ''; right: -20px; top: -20px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-weight: 600; border-radius: 100px; background-color: #fff;z-index: 9; }
    .ShowSearchSPClose a{ color: crimson;}
    .ShowSearchSP{ width: 100%!important; max-width: 100%!important; height: 100%!important; overflow: auto; opacity: 1; background-color: rgba(0, 0, 0, 0.6); display: flex!important; justify-content: center; align-items: center; position: fixed!important;  top: auto!important; top:0!important; left: 0; z-index: 99999999999999!important;}
    .ShowSearch{ width: 100%; float: none; max-width: 280px; z-index: 9999999999999; padding: 20px; background-color: #128AB4; color: #fff; border-radius: 7px;}
    .SearchBTNFixed{ display: block; width: 106px; height: auto; margin: 0; border-radius: 100px; padding: 5px 15px 5px 5px; position: fixed; right: 15px; bottom: 15px; background-color: #68c722; font-size: 13px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.6); text-transform: uppercase; font-weight: 600; z-index: 9999; }
    .SearchBTNFixed .SearchBTN{ margin: 0; padding: 0;}
    .SearchBTNFixed .SearchBTN a{ display: flex; justify-content: space-between; align-items: center; color: #fff!important; }   
    .SearchBTNFixed .SearchBTN a span{ display: block; width: 30px; height: 30px; text-align: center; border-radius: 100px; margin-right: 5px; background-color: #264278;}
    .SearchBTNFixed .SearchBTN img{ width: auto; height: auto; max-width: 14px; vertical-align: -webkit-baseline-middle; }

    /* pagination */
    #pagination ul {  text-align: center; }
    #pagination ul li { width: 35px; height: 35px; line-height: 20px; }

    /* RelatedProperty  */
    .RelatedPropertyBox{ max-width: 90%; margin: auto;  }
    .RelatedPropertyBox .TitleR{ font-size: 30px; }
    .RelatedPropertyBox .Title{ font-size: 30px; }

    .BreadcrumbSingle{ margin: 0; padding: 20px 0;}

    /* ################################### Single page ################################### */
    /* SectionPropertyInfos */
    .SectionPropertyInfos{ margin-top: 60px; }
    .SectionPropertyInfosBox{ max-width: 90%; margin: auto; }
    .SectionPropertyInfosBox h1{ padding: 50px 0; font-size: 33px; }
    .SectionPropertyInfosBox .FanndR .RoomRight .TableRoom{ font-size: 14px; }
    .SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom{ font-size: 14px; }

    /* SectionRoomsInfos */
    .SectionRoomsInfosBox{ max-width: 90%; margin: auto; }
    .SectionRoomsInfosBox:before{ width: 200px; height: 200px;}

     /* SectionOthersInfosBox */
     .SectionOthersInfosBox{ max-width: 90%; margin: auto; }

     /* ContactAgent */
    .ContactAgent .ContactAgentBox{ max-width: 90%; margin: auto; }
    .ContactAgent .Innner .Right .Title{ font-size: 22px; }

    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ background-size: contain; height: 300px;}

    /* FacilitiesAndService */
    .FacilitiesAndServiceBox{ max-width: 90%; margin: auto; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(2){ width: 72%; }

    .ContactAgentFixed{ display: block;}
    .ShowSearchSPClose{ display: block; position: absolute; content: ''; right: -20px; top: -20px; width: 40px; height: 40px; text-align: center; line-height: 40px; font-weight: 600; border-radius: 100px; background-color: #fff;z-index: 9; }
    .ShowSearchSPClose a{ color: crimson;}
    .ContactStickyRight{ bottom: 70px;}
    /*.ShowSearchSP{ width: 100%!important; max-width: 100%!important; height: 100%!important; overflow: auto; opacity: 1; background-color: rgba(0, 0, 0, 0.6); display: flex!important; justify-content: center; align-items: center; position: fixed!important;  top: auto!important; top:0!important; left: 0; z-index: 99999999999999!important;}
    .ShowSearch{ width: 100%; float: none; max-width: 280px; z-index: 9999999999999; padding: 20px; background-color: #128AB4; color: #fff; border-radius: 7px;}*/
    .ContactAgentFixed{ display: block; width: 106px; height: auto; margin: 0; border-radius: 100px; padding: 5px 15px 5px 5px; position: fixed; right: 15px; bottom: 15px; background-color: #68c722; font-size: 11px; box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.6); text-transform: uppercase; font-weight: 600; z-index: 9999; }
    .ContactAgentFixed .ContactAgentBTN{ margin: 0; padding: 0;}
    .ContactAgentFixed .ContactAgentBTN a{ display: flex; justify-content: space-between; align-items: center; color: #fff!important; }   
    .ContactAgentFixed .ContactAgentBTN a span{ display: block; width: 30px; height: 30px; text-align: center; border-radius: 100px; margin-right: 5px; background-color: #264278; border-radius: 50%; overflow: hidden;}
    .ContactAgentFixed .ContactAgentBTN img{ width: auto; height: auto; max-width: 30px; vertical-align: -webkit-baseline-middle; }

    /* Blog page */
    .BlogPageLayoutBox{ width: auto; max-width: 90%; margin: 0 auto;}
    .BlogPageLayoutBoxLeft{ width: calc(100% - 300px); }
    .BlogPageLayoutBoxRight{ width: calc(100% - 300px); max-width: 280px; }
    .BlogList ul li .Detail .Title{ font-size: 18px; line-height: 28px; }
    .BlogList ul li .Detail .Description{ font-size: 12px; line-height: 21px; }
    .BlogList ul li .Detail .Category_Date{ font-size: 12px; }

    /* ContactPage */
    .ContactPageBox{ max-width: 90%; margin: auto; }
    .ContactFormList .FormRow{ font-size: 15px;}
    .ContactFormList .FormRow p:nth-child(1){ width: calc(100% - 240px); max-width: 210px; }
    .ContactFormList .FormRow p:nth-child(2){ width: calc(100% - 230px); }
    .ContactPageBox .ContactType ul li{ font-size: 17px; margin: 0 7px;  }
    .ContactPageBox .ContactType ul li a.CondoRentCL{ padding: 30px 15px; }
    .ContactPageBox .ContactType ul li a.CondoSellCL{ padding: 30px 15px; }
    .ContactPageBox .ContactType ul li a.OfficeRentCL{ padding: 30px 15px; }
    .ContactPageBox .ContactType ul li a.FactoryBusinessCL{ padding: 30px 15px; }

    /* AboutPageHeader */
    .AboutPageHeader{ padding: 100px 0 150px 0; }
    .AboutPageHeader .RightBG{ position: absolute; content: ''; right: 0; top: -40px; width: 50%; height: auto; z-index: 0;}
    .AboutPageHeaderBox{ max-width: 90%; margin: auto; }
    .AboutPageHeaderBox .PictureRight{ right: 0%; top: -20px; }
    .AboutPageHeaderBox .PictureRight img{ max-width: 200px; max-height: 200px; }
    .IconBaseBall{ right: 2%; bottom: 0%; }
    .IconBaseBall img{ max-width: 160px; max-height: 160px; }

    /* OurStaffList */
    .OurStaffList{  max-width: 90%; margin: auto; }
    .OurStaff3Box ul li .Descriptions{ font-size: 15px; line-height: 25px; }
    .OurStaff3Box ul li .Title{ font-size: 18px; }

    /* StaffList2026 */
    .StaffList2026{ max-width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px; position: relative; }
    .StaffList2026 ul{ gap: 3.5%; }
    .StaffList2026 ul li{ width: 48.2%; }
    .StaffList2026 ul li .StaffList2026LR .NameR .NameBox{ min-height: 60px;}

    /* OurStaffTeamBox */
    .OurStaffTeamBox .Left{ width: 40%;}
    .OurStaffTeamBox .Left .Detail{ top: -100px; }
    .OurStaffTeamBox{ max-width: 90%; margin: auto; }
    .OurStaffTeamBox .Left .Detail{ font-size: 17px; padding: 30px 40px; }
    .OurStaffTeamBox .Right{ width: 60%;}

    /* OurStaffHeader */
    .OurStaffHeaderBox{ max-width: 90%; margin: auto; }
    .OurStaffHeaderBox .PictureRight{ right: 0%; top: -35px; }
    .OurStaffHeaderBox .PictureRight img{ max-width: 200px; max-height: 200px; }

    /* OurStaffFirst */
    .OurStaffFirstBox{ max-width: 90%; margin: auto; }

    /* StreghtPageHeader */
    .WhyFirstSection{ margin-top: 70px;}
    .StreghtPageHeaderBox{ max-width: 90%; margin: auto; }
    .StreghtPageHeaderBox .Inner h1.Title{ width: 75%;}
    .WhyFirstSectionBox{  max-width: 90%; margin: auto; }
    .WhyFirstSection .Picture{ right: 1%;}
    .WhyFirstSection .Picture img{ max-width:300px; }
    .WhyFirstSectionBox .Descriptions { width: 63%; font-size: 16px; font-weight: 300; line-height: 28px; padding: 30px 0; }
    .StreghtPageHeaderBox .StreghtIconCenter { right: 0%; }
    .StreghtPageHeaderBox .StreghtIconCenter img{ max-width: 200px;}

    /* PrivacyPolicy */
    .PrivacyPolicy{ padding: 80px 0 80px 0; }
    .PrivacyPolicyBox{ max-width: 90%; margin: auto; }
    .PrivacyPolicyBox .Inner .TitleEN{ font-size: 33px; }
    .PrivacyPolicyBox .Inner h1.Title{ font-size: 28px; margin-top: 10px;}
    .PrivacyPolicyBox .Inner .TitleEN:after{ height: 10px;}
    
    /* PageNotFound */
    .PageNotFound{ padding: 80px 0 80px 0; }
    .PageNotFoundBox{ max-width: 90%; margin: auto; }
    .PageNotFoundBox .Inner .TitleEN{ font-size: 31px; }
    .PageNotFoundBox .Inner h1.Title{ font-size: 25px; margin-top: 10px;}
    .PageNotFoundBox .Inner .TitleEN:after{ height: 10px;}

    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox{ flex-wrap: wrap;}
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 33.33%; }
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox{ flex-wrap: wrap;}
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ width: 33.33%; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox{ flex-wrap: wrap;}

    /* Map */
    .MapName{ padding: 7px 10px; font-size: 100%; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9{ padding: 7px 10px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlom{ padding: 5px 10px; font-size: 53%; }
    .TabContent .Mapox .MapLeft .AroundAsoke{ padding: 7px 10px; font-size: 49%; }
    .TabContent .Mapox .MapLeft .AroundAsokeQoute{ padding: 5px 20px 8px 20px; font-size: 44%;  /*top: 28%;left: 19%;*/ }
    .TabContent .Mapox .MapLeft .NorthPhromPhong{ padding: 7px 10px; /*width: 10%;*/ font-size: 48%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhongQoute{ padding: 4px 20px 8px 20px; width: 120%; font-size: 44%; /*top: 25%; left: 34%;*/ }
    .TabContent .Mapox .MapLeft .Thonglor{ padding: 7px 10px; font-size: 49%; }
    .TabContent .Mapox .MapLeft .ThonglorEkamaiQoute{ font-size: 50%; padding: 4px 20px 12px 24px;}
    .TabContent .Mapox .MapLeft .Ekamai{ padding: 7px 10px; font-size: 49%; }
    .TabContent .Mapox .MapLeft .Ratchadamri{ font-size: 50%; padding: 7px 5px; }
    .TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute{ /*top: 48%; left: 3.5%;*/ font-size: 55%; padding: 3px 20px 12px 24px; }
    .TabContent .Mapox .MapLeft .LanceAn{ font-size: 50%; padding: 7px 6px; }
    .TabContent .Mapox .MapLeft .SouthPhromPhong{ /*width: 11%; top: 60%; left: 32.2%;*/ padding: 7px 10px; font-size: 50%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhongQoute{ padding: 5px 20px 10px 20px; width: 175%; /* top: 54%; left: 29.5%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .PlacanonOnnut{  /*top: 61%; left: 56.2%;*/ padding: 7px 10px; font-size: 50%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnutQoute{ padding: 4px 20px 10px 20px;/* top: 56%; left: 54%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .SilomSatorn{ /*top: 78%; left: 6.2%;*/ font-size: 50%;}
    .TabContent .Mapox .MapLeft .SilomSatornQoute{ padding: 3px 25px 10px 25px;/* top: 72.5%; left: 5%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .AroundBanner{ /*width: 16%; top: 85%; left: 47%;*/ width: 100%; left: -36%; font-size: 50%;}
    .TabContent .Mapox .MapLeft .AroundBannerQoute{ padding: 3px 25px 10px 25px;/* top: 80%; left: 48%;*/ font-size: 50%; }

    .SmallMapName{ padding: 10px 12px; left: 0; width: 76%; font-size: 70%; }
    .RightSmallMap{ padding: 10px 0;}
    .RightSmallMapInner p{ padding: 5px 10px;}
    .RightSmallMapInner .Sriracha{ /*width: 56%; top: 30%; left: 38%;*/ width: 75%; font-size: 70%; } 
    .RightSmallMapInner .Pattaya{ /*width: 43%; top: 58%; left: 30%;*/ font-size: 70%; } 

    .RightSmallFacility{ padding: 5% 20px; }
    .RightSmallFacility .Title{ font-size: 80%; padding-left: 40px; }
    .RightSmallFacility .Title:before{ width: 30px; height: 30px; top: -4px;}
    .RightSmallFacility .FacilityListR ul li .Icon{ width: 40px; height: 40px; }
    .RightSmallFacility .FacilityListR ul li .Icon img{ max-width: 25px; max-height: 25px;}
    .RightSmallFacility .FacilityListR ul li .Text{ font-size:70%; }

    /* ------  Office Map ----- */
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9{ width: 55%; top: 30%; font-size: 70%;}
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlom{ top: 33%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlomBG{ top:27.4%}
    .TabContent .Mapox .MapLeft .Office_AroundAsoke{ width: 80%; top: 30%; left: 8.5%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsokeBG{ top:27.4%}
    .TabContent .Mapox .MapLeft .Office_AroundAsokeQoute{ top: 7%; font-size: 43%; padding: 4px 15px 10px 13px; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai{ width: 68%; font-size: 60%; top: 20%; left: 11%; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiBG{ top:27.4%}
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute{ top: 6%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .Office_Ratchadamri{ width: 85%; left: 6%; top: 40%; font-size: 65%; padding: 5px 12px; }
    .TabContent .Mapox .MapLeft .Office_RatchadamriBG{ top: 47%;}
    .TabContent .Mapox .MapLeft .Office_RatchadamriQoute{ left: 2.5%; top: 1%; padding: 2px 10px 15px 10px; font-size: 50%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnut{ width: 60%; font-size: 60%; top: 58%; padding: 5px 15px; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutBG{ top: 28.4%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute{ top: 38.5%; font-size: 55%; padding: 5px 20px 15px 20px; }
    .TabContent .Mapox .MapLeft .Office_SilomSatorn{ width: 45%; font-size: 60%; top: 35%;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornBG{ top: 61.2%;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornQoute{ top: 6%; font-size: 55%; padding: 2px 15px 15px 15px; }
    .TabContent .Mapox .MapLeft .Office_SaphanTaksin{ width: 115%; top: 24%; left: 50%; font-size: 55%;}
    .TabContent .Mapox .MapLeft .Office_SaphanTaksinBG{ top: 80.5%;}
    .TabContent .Mapox .MapLeft .Office_AroundBanner{ width: 100%; top: 57%; left: -45%; font-size: 57%;}
    .TabContent .Mapox .MapLeft .Office_AroundBannerBG{ top: 56.4%; }
    .TabContent .Mapox .MapLeft .Office_AroundBannerQoute{ font-size: 60%; top: 43%; left: -35%;}
    .iconText13{ top: 49%; left: 56%; }
    .iconText14{ top: 87%; }
    .CondoOffice3 .iconText6{ top: 93%;}
    /* ------ End Office Map ----- */

    /* ------  Factory Map ----- */
    .TabContent .Mapox .LastMap .LastMapRight .Inner{ height: 92%; padding: 20px;}
    .TabContent .Mapox .LastMap .LastMapRight .Inner ul li{ padding: 5px 0 5px 30px; font-size: 13px; }
    .TabContent .Mapox .LastMap .LastMapRight .Inner ul li:before{ width: 20px; height: 20px; top: 5px; }
    .TabContent .Mapox .LastMapBox .Factory_Saraburi{ top: 40%; left: 30%; width: 55%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_Ayutthaya{ width: 50%; top: 40%; left: 25%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_PathumThani{ top: 43%; width: 85%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_Nonthaburi{ width: 90%; font-size: 65%; }
    .TabContent .Mapox .LastMapBox .Factory_Bangkok{ font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_SamutSakon{ left: 5%; width: 85%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_SamutPrakan{ width: 70%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_PrachinBuri{ width: 60%; left: 20%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_Chachunsao{ top: 30%; width: 50%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_Chonburi{ width: 50%; font-size: 75%; }
    .TabContent .Mapox .LastMapBox .Factory_Rayong{ width: 45%; top: 38%; left: 28%; font-size: 75%; }
    /* ------ End Factory Map ----- */
    
    .BalloonBG{  font-size: 8px; padding: 3px; line-height: 10px; }

    .PloenchitChidlomBG .BalloonBG{ max-width: 98%; top: 12.5%;}
    .NorthPhromPhongBG .BalloonBG{ max-width: 90%; top: 7.5%; }
    .ThonglorBG .BalloonBG{ max-width: 75%; top: 27.5%; }
    .EkamaiBG .BalloonBG{ right: -37%; }
    .PlacanonOnnutBG .BalloonBG{ max-width: 60%; }
    .LanceAnBG .BalloonBG{ font-size: 7px; }
    .SouthPhromPhongBG .BalloonBG{ max-width: 90%; }
    .SilomSatornBG .BalloonBG{ max-width: 50%;}
    .AroundBannerBG .BalloonBG{ max-width: 100%; top: 22%; left: -72%;}
    .Office_AroundAsokeBG .BalloonBG{ max-width: 100%; top: 2.5%; }
    .Office_RatchadamriBG .BalloonBG{ max-width: 100%; top: 10.5%; padding: 2px 2px; }
    .Office_PlacanonOnnutBG .BalloonBG{ max-width: 75%; top: 47.5%; }
    .Office_SilomSatornBG .BalloonBG{ top: 10.5%;}
    .Office_AroundBannerBG .BalloonBG{ top: 39.5%; }
    .Office_SaphanTaksinBG .BalloonBG{ max-width: 80%; top: -4%;}

}   

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

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    .FoooterContact .ContactIconList{ padding: 20px;}
    .FoooterContact .ContactIconList ul li{ font-size: 15px;}

    /* Footer */
    footer .FoooterContact .ContactIconList{ padding: 20px;}
    footer .FoooterContact .ContactIconList ul li{ font-size: 15px;}
    footer .TailLink2 .TailLinkBox{ width: 50%; margin-bottom: 20px;}
    footer .CopyRightBox .PolicyLink{ position: relative; width: 100%; margin-bottom: 10px;}

    /* PostTypeList */
    .PostTypeList ul li a{ min-height: 250px; }
    /*.PostTypeList ul li .Left{ display: block; }*/
    .PostTypeList ul li .Icon{ width: 25%;}
    .PostTypeList ul li .Icon img{ max-width: 50px; max-height: 50px;}
    .PostTypeList ul li .Right{ padding-right: 10px; }
    .PostTypeList ul li .Detail .PostTypeName{ font-size: 18px; }
    .PostTypeList ul li .Detail .PostTypeName span{ font-size: 22px;}

    .LifeInBangkok .RightPicture{ width: 42%; top: 4.5%; }

    /* StepAndSearch */
    .StepAndSearch{ display:block; }
    .StepAndSearch .StepLeft{ width: 100%; }
    .StepAndSearch .ContactRight{ width: 100%; margin-top: 340px; }
    .LifeInBangkokBox .TitleMax{ max-width: 100%;}

    /* PopularSearch  */
    .MapTab ul li{ font-size: 13px; }
    .MapTab ul li a{ height: 80px; display: block; text-align: center; }
    .MapTab ul li img{ display: block; margin: 0 auto; margin-bottom: 5px; }
    .MapTab ul li a br{ display: none;}
    .TabContent .Mapox{ display: block; }
    .TabContent .Mapox .MapLeft{ width: 100%; }
    .TabContent .Mapox .MapRight{ width: 100%; margin: auto; display: flex; justify-content: space-between; flex-direction: row; }
    .TabContent .Mapox .MapRight .MapRight1{ width: 50%; height: auto; padding: 20px 10px 20px 20px; }
    .TabContent .Mapox .MapRight .MapRight2{ width: 50%; height: auto; padding:  20px 10px 20px 20px; }
    .TabContent .Mapox .LastMap .LastMapRight{ position: relative; width: 90%; margin: auto; margin-top: 20px;}

    .TabContentCate .Mapox{ display: block; }
    .TabContentCate .Mapox .MapLeft{ width: 100%;}
    .TabContentCate .Mapox .MapRight{ width: 100%; margin: auto; display: flex; justify-content: space-between; flex-direction: row; }
    .TabContentCate .Mapox .MapRight .MapRight1{ width: 50%; height: auto; padding: 20px 10px 20px 20px; }
    .TabContentCate .Mapox .MapRight .MapRight2{ width: 50%; height: auto; padding:  20px 10px 20px 20px; }
    .TabContentCate .Mapox .LastMap .LastMapRight{ position: relative; width: 90%; margin: auto; margin-top: 20px;}

    /* ################################### Single page ################################### */
    /* SectionPropertyInfos */
    .SectionPropertyInfosBox h1{ padding: 30px 0; font-size: 25px; }
    .SectionPropertyInfosBox .PhotoNInfos{ display: block; }
    .SectionPropertyInfosBox .PhotoNInfos .Left{ width: 100%;}
    .SectionPropertyInfosBox .PhotoNInfos .Right{ width: 100%; margin-top: 20px;}
    .SectionPropertyInfosBox .PhotoNInfos .Right .Title{ font-size: 20px; }
    .SectionPropertyInfosBox .FanndR{ display: block; }
    .SectionPropertyInfosBox .FanndR .FacilityLeft{ width: 100%; margin-top: 20px; }
    .SectionPropertyInfosBox .FanndR .RoomRight{ width: 100%; }
    .SectionPropertyInfosBox .FanndRW{ width: 100%!important; }
    .SectionPropertyInfosBox .FanndR50{ width: 100%!important; }
    .SectionPropertyInfosBox .FanndRFB{ display: block; }
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft{ width: 100%; margin-top: 20px; }
    .SectionPropertyInfosBox .FanndRFB .RoomRight{ width: 100%; }

    .IconNear{ position: relative; margin: 30px 0; font-size: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .IconNear p{ width: 48%; margin: 8px 0; }

    /* SectionRoomsInfos */
    .SectionRoomsInfos{ padding-top: 50px; padding-bottom: 100px; } 
    /*.SectionRoomsInfosBox h2{ font-size: 30px; } */
    .SectionRoomsInfosBox .TitleHeader{ font-size: 30px; } 
    .SectionRoomsInfosBox:before{ left: -10px; }
    .SectionRoomsInfosBox .RoomsInfos{ display: block; }
    .SectionRoomsInfosBox .RoomsInfos .LeftInfos{ width: 100%; }
    .SectionRoomsInfosBox .RoomsInfos .LeftInfos .Title{ font-size: 20px; }
    .SectionRoomsInfosBox .RoomsInfos .LeftInfos .Description{ font-size: 15px;}
    .SectionRoomsInfosBox .RoomsInfos .RightGallery{ width: 100%; margin-top: 30px;}
    .SectionRoomsInfosBox .RoomsInfos .RightGallery .GalleryRoomsList .Title{ margin: 0 0 10px 0px; padding-left: 0px; }

    /* SectionRoomsInfos */
    .SectionOthersInfos{ padding-top: 50px; padding-bottom: 50px; } 
    /*.SectionOthersInfosBox h2{ font-size: 30px; }*/
    .SectionOthersInfosBox .TitleHeader{ font-size: 30px; }
    .SectionOthersInfosBox .OthersInfos{ display: block; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos{ width: 100%; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .Title{ font-size: 20px; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .Description{ font-size: 15px;}
    .SectionOthersInfosBox .OthersInfos .RightInfo{ width: 100%; margin-top: 30px;}
    .SectionOthersInfosBox .OthersInfos .RightInfo .GalleryList .Title{ margin: 0 0 10px 0px; padding-left: 0px; }

    /* ContactAgent */
    .ContactAgent .ContactIconList ul li{ font-size: 15px; }

    /* FacilitiesAndServiceBox */
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li{ font-size: 14px;}
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects{ width: 30%; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .BasicInfo{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos{ width: 67%; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(1){ width: 48%; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(2){ width: 48%; margin-left: 3%; }

    /* BlogList */
    .BlogListHeader{ padding: 60px 0 60px 0; }
    .BlogListHeaderBox .Inner h1.Title{ margin-top: 10px;}
    .BlogListHeaderBox .Inner h2.Title{ margin-top: 10px;}
    .BlogListHeaderBox .Inner .TitleH{ font-size: 35px; }
    .BlogListHeaderBox .Inner h1.Title{ font-size: 30px; }
    .BlogListHeaderBox .Inner h2.Title{ font-size: 30px; }

    /* Blog page */
    .BlogPageLayoutBoxLeft{ width: 100%; float: none; }
    .BlogPageLayoutBoxRight{ width: 100%; float: none; margin-top: 60px; }

    .BlogPageLayoutBoxRight{ width: 100%; max-width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .Category_Ranking_Box{ max-width: 45%;}
    .Order1{ order: 1;}
    .Order2{ order: 2;}
    .Order3{ order: 3;}

    /*  CompanyProfileList */
    .CompanyProfileList{ max-width: 90%; font-size: 15px}

    /* OurStaffTeamBox */
    .OurStaffTeamBox{ display: block; padding-bottom: 40px; }
    .OurStaffTeamBox .Left{ width: 90%; margin: auto; position: relative;}
    .OurStaffTeamBox .Left .Detail{ position: relative; top: -25px; right: 0; }
    .OurStaffTeamBox .Left .Detail{ font-size: 14px; line-height: 28px; padding: 30px 40px; }
    .OurStaffTeamBox .Right{ width: 100%;}
    .StreghtPageHeaderBox .StreghtIconCenter { right: 0%;; top: -25%; }
    .StreghtPageHeaderBox .StreghtIconCenter img{ max-width: 200px;  }

    .StreghtLeftRight ul li  { padding: 20px 0 0 0;}
    .StreghtLeftRight ul li .InnerBox{ display: block; }
    .StreghtLeftRight ul li .InnerBox .Left{ width: 100%; padding-bottom: 30px;}
    .StreghtLeftRight ul li:nth-child(odd) .InnerBox .Left{ width: 100%; }
    .StreghtLeftRight ul li:nth-child(odd) .Right{ padding: 0 0 0 20px;}
    .StreghtLeftRight ul li .Right{ position: relative; width: 100%; padding: 0 20px 0 0; }
    .StreghtLeftRight ul li .InnerBox .Left .Title{ font-size: 22px;}
    .StreghtLeftRight ul li .InnerBox .Left h3{ font-size: 22px;}
    .StreghtLeftRight{ margin-top: 0px;}
    .StreghtLeftRight ul li .Right img{ padding-right: 20px; padding-left: 0; }
    .StreghtLeftRight ul li:nth-child(odd) .Right img{ padding-left: 20px; padding-right: 0; }


    /* Map */
    .MapName{ width: 25%; padding: 7px 10px; font-size: 100%; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9{ top: 26%; /*left: 46%;*/ width: 55%; padding: 7px 10px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9BG{ width: 52.6%; height: 9.3%; left: 47.3%;}
    .TabContent .Mapox .MapLeft .PloenchitChidlom{ top: 36%; left: 8.5%; /*width: 13%;*/ padding: 7px 10px; font-size: 53%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlomBG{ width: 25.3%; height: 13.3%; top: 12.8%; left: 3.4%;}
    .TabContent .Mapox .MapLeft .AroundAsoke{ top: 26%; /*left: 36.5%; width: 11%;*/ padding: 7px 10px; font-size: 49%; }
    .TabContent .Mapox .MapLeft .AroundAsokeBG{ top: 13%; left: 28.5%; width: 25%; }
    .TabContent .Mapox .MapLeft .AroundAsokeQoute{ top: 17%; left: 17%; padding: 5px 20px 8px 20px; font-size: 44%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhong{ top: 40%; /*left: 54%;*/ padding: 7px 10px; /*width: 12%;*/ font-size: 44%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhongQoute{ padding: 5px 30px 8px 30px; top: 20%; font-size: 44%; /*left: 51%;*/ }
    .TabContent .Mapox .MapLeft .NorthPhromPhongBG{ top: 13%; left: 52.4%; width: 16%; height: 15.4%;}
    .TabContent .Mapox .MapLeft .Thonglor{ top: 35%; left: 25%; padding: 7px 10px; width: 38%; font-size: 44%; }
    .TabContent .Mapox .MapLeft .ThonglorEkamaiQoute{ top: 25%; left: 74%;}
    .TabContent .Mapox .MapLeft .ThonglorBG{ top: 13%; left: 56.8%; width: 27.5%; height: 30.9%;}
    .TabContent .Mapox .MapLeft .Ekamai{ top: 46%; /*left: 75%;*/ padding: 7px 10px; /*width: 9%;*/ font-size: 44%; }
    .TabContent .Mapox .MapLeft .EkamaiBG{ top:13% ; left: 63%; width: 37%; height: 32.3%;}
    .TabContent .Mapox .MapLeft .Ratchadamri{ top: 50%; left: 4%; /*width: 10%;*/ font-size: 50%; padding: 7px 5px; }
    .TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute{ top: 30%; left: 5.5%; font-size: 55%; padding: 3px 20px 12px 24px; }
    .TabContent .Mapox .MapLeft .RatchadamriBG{ top: 27%; width: 11.7%; height: 11%; left: 3.5%;}
    .TabContent .Mapox .MapLeft .LanceAn{ top: 42%; left: 3%; /*width: 10%;*/ font-size: 50%; padding: 7px 6px; }
    .TabContent .Mapox .MapLeft .LanceAnBG{ top: 27.7%; width: 11.7%; height: 12%; left: 15.5%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhong{ /*width: 11%;*/ top: 50%; left: 4.2%; padding: 7px 10px; font-size: 43%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhongQoute{ padding: 5px 20px 10px 20px; top: 26%; left: -30.5%; font-size: 47%; }
    .TabContent .Mapox .MapLeft .SouthPhromPhongBG{ top: 29.9%; left: 46.1%; width: 14.5%; height: 12.3%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnut{ /*width: 12%;*/ top: 54%; /*left: 80.2%;*/ padding: 7px 10px; font-size: 48%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnutQoute{ padding: 4px 20px 10px 20px; top: 44%; /*left: 78%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .PlacanonOnnutBG{ top: 17.4%; left: 67.4%; width: 33%; height: 33.1%; }
    .TabContent .Mapox .MapLeft .SilomSatorn{ /*width: 14%;*/ top: 20%; /*left: 10.2%;*/ padding: 7px 10px; font-size: 48%;}
    .TabContent .Mapox .MapLeft .SilomSatornQoute{ padding: 3px 25px 10px 25px; top: 10.5%; /*left: 8.5%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .SilomSatornBG{ top: 39.2%; width: 39.9%; height: 36.2%; }
    .TabContent .Mapox .MapLeft .AroundBanner{ /*width: 16%;*/ top: 52%; /*left: 74%;*/ font-size: 50%;}
    .TabContent .Mapox .MapLeft .AroundBannerQoute{ padding: 3px 25px 10px 25px; top: 40%; /*left: 73%;*/ font-size: 50%; }
    .TabContent .Mapox .MapLeft .AroundBannerBG{ top: 39.4%; left: 77.8%; width: 22.2%; height: 23.5%; }
    .TabContent .Mapox .MapLeft .SaphanTaksin{ top: 35%; width: 50%; }

    .MapLogoPoint{ left: 46.5%; top: 24%; width: 45px; height: 40px;}
    .iconText1 {display: none; }
    .iconText2 {display: none; }
    .iconText3 {display: none; }
    .iconText4 {display: none; }
    .iconText5 {display: none; }
    .iconText9{ top: 27.4%; left: 33.4%; height: 2%; }
    .RightSmallFacility{ padding: 20px 20px; margin-top: 10px; }
    .RightSmallFacility .Title{ font-size: 120%; }
    .RightSmallFacility .Title:before{ top: 0;}
    .RightSmallFacility .FacilityListR ul li .Icon{ width: 55px; height: 55px; }
    .RightSmallFacility .FacilityListR ul li .Icon img{ max-width: 30px; max-height: 30px;}
    .RightSmallFacility .FacilityListR ul li .Text{ font-size:80%; }

    /* ------  Office Map ----- */
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9{ width: 55%; top: 40%; font-size: 70%;}
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9BG{ width: 54%; left: 46.3%; height: 13.4%; }
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlom{ top: 10%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlomBG{ top:16.9%; left: 11.7%; width: 22.5%; height: 12.3%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsoke{ width: 80%; top: 30%; left: 8.5%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsokeBG{ top:16.9%; left: 33.8%; width: 20.9%; height: 14.8%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsokeQoute{ top: 7%; font-size: 43%; padding: 4px 15px 10px 13px; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai{ width: 68%; font-size: 60%; top: 20%; left: 11%; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiBG{  top:16.9%; left: 48.5%; width: 49.6%; height: 24.3%; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute{ top: 6%; font-size: 60%;}
    .TabContent .Mapox .MapLeft .Office_Ratchadamri{ width: 85%; left: 6%; top: 32%; font-size: 65%; }
    .TabContent .Mapox .MapLeft .Office_RatchadamriBG{ top: 29%; left: 11.8%; width: 20.3%; height: 8.4%;}
    .TabContent .Mapox .MapLeft .Office_RatchadamriQoute{ left: 2.5%; top: 1%; padding: 2px 10px 15px 10px; font-size: 50%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnut{ width: 60%; font-size: 60%; top: 50%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutBG{ top: 17.4%; left: 68%; width: 32%; height: 28.6%; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute{ top: 38.5%; font-size: 55%; padding: 5px 20px 15px 20px; }
    .TabContent .Mapox .MapLeft .Office_SilomSatorn{ width: 45%; font-size: 60%; top: 25%;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornBG{ top: 37.5%; height: 14.6%; width: 34.1%;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornQoute{ top: 6%; font-size: 55%; padding: 2px 15px 15px 15px; }
    .TabContent .Mapox .MapLeft .Office_SaphanTaksin{ width: 115%; top: 3%; left: 50%; font-size: 55%;}
    .TabContent .Mapox .MapLeft .Office_SaphanTaksinBG{ top: 49.5%; left: 0.2%; width: 18.3%; height: 9.7%;}
    .TabContent .Mapox .MapLeft .Office_AroundBanner{ width: 100%; top: 52%; left: -32%; font-size: 57%;}
    .TabContent .Mapox .MapLeft .Office_AroundBannerBG{ top: 34.8%; left: 75.4%; width: 24.7%; height: 24.5%; }
    .TabContent .Mapox .MapLeft .Office_AroundBannerQoute{ font-size: 60%; top: 43%; left: -35%;}
    .iconText11{ display: none; }
    .iconText12{ display: none; }
    .iconText13{ top: 49%; left: 56%; display: none; }
    .iconText14{ top: 55%; right: 2%; left: auto;width:7%;}
    .CondoOffice3 .iconText6{ display: none; }
    .iconICText{ display: none; }
    .iconICText2{ display: none; }
    /* ------ End Office Map ----- */

    /* ------  Factory Map ----- */
    .TabContent .Mapox .LastMap .LastMapRight .Inner{ height: 92%; padding: 20px; margin: 20px 0 0 0;}
    .TabContent .Mapox .LastMap .LastMapRight .Inner ul li{ padding: 5px 0 5px 30px; font-size: 13px; }
    .TabContent .Mapox .LastMap .LastMapRight .Inner ul li:before{ width: 20px; height: 20px; top: 5px; }
    .TabContent .Mapox .LastMapBox .Factory_Saraburi{ top: 40%; left: 30%; width: 55%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Ayutthaya{ width: 50%; top: 40%; left: 25%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_PathumThani{ top: 43%; width: 85%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Nonthaburi{ width: 90%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Bangkok{ font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_SamutSakon{ left: 5%; width: 85%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_SamutPrakan{ width: 70%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_PrachinBuri{ width: 60%; left: 20%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Chachunsao{ top: 30%; width: 50%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Chonburi{ width: 50%; font-size: 65%; padding: 5px 10px; }
    .TabContent .Mapox .LastMapBox .Factory_Rayong{ width: 45%; top: 38%; left: 28%; font-size: 65%; padding: 5px 10px; }
    /* ------ End Factory Map ----- */
    
    .BalloonBG{ display: none;}
}

/* -------------------------------------  640px  ------------------------------------- */
@media(max-width:640px)
{
    /* TopMenu */
    .ContactMB .TelTopBar a{ padding: 10px 40px;}
    .ContactMB .TelTopBar img{ max-height: 25px; }
    .ContactMB .ContactTopBar a{ padding: 10px 40px;}
    .ContactMB .ContactTopBar img{ max-width: 25px; max-height: 25px; }
    .ContactMB .PropertySearchTopBar a{ padding: 10px 40px;}
    .ContactMB .PropertySearchTopBar img{ max-width: 25px; max-height: 25px; }
    .ContactMB .LineContact a{ padding: 10px 40px;}
    .ContactMB .LineContact img{ max-width: 25px; max-height: 25px; }

    /* Footer */
    footer .FooterBox{ max-width: 90%; margin: auto; }
    footer .TailLink .Inner{ display: block; }
    footer .TailLink .TailLinkBox{ width: 100%; margin-bottom: 20px;}
    footer .TailLink .TailLinkBox .Title{ font-size: 18px; }
    footer .TailLink .TailLinkBox ul li{ font-size: 15px; }
    footer .TailLink2 .TailLinkBoxLeft .Captionns{ margin: 25px 0;}
    footer .TailLink2 .TailLinkBoxLeft .Address{ margin: 25px 0 0 0;}
    footer .CopyRight{ font-size: 12px;}
    
    .FoooterContact .ContactIconList ul li{ width: 100%; margin: 15px 0; }
    .FoooterContact .ContactIconList ul li:last-child{ margin-bottom: 10px; }
    .FoooterContact .Innner{ display: block; }
    .FoooterContact .Innner .Left{ width: 100%; text-align: center;}
    .FoooterContact .Innner .Left img{ max-width: 230px; margin: auto;}
    .FoooterContact .Innner .Right{ width: 100%;}
    .FoooterContact .Innner .Right h2{ height: auto; font-size: 25px; padding: 8px 15px; margin: 20px 0; background-image: none; background-color: #2B2B2A; border: 2px solid #fff; border-radius: 10px; }
    .FoooterContact .Innner .Right .Title{ font-size: 20px; padding-left: 0px; margin: 15px 0; }
    .FoooterContact .Innner .Right .Descriptions{ padding-left: 0px; margin: 15px 0; line-height: 28px; }

    /* PointList */
    .PointList{ padding: 50px 0; }
    .PointListBox ul{ display: block; }
    .PointListBox ul li{ width: 100%; margin-bottom: 40px;}
    .PointListBox ul li .PointTitle{ font-size: 24px; }
    .PointListBox ul li .PointDescriptions{ font-size: 16px; }

    /* WhyOyashiki */
    .WhyOyashiki{ padding: 50px 0 50px 0; }
    .WhyOyashikiBox .Inner .Icon{ position: relative; margin: auto; }
    .WhyOyashikiBox .Inner h2{ font-size: 25px; }

    /* CategoryList */
    .CategoryList{ padding: 50px 0 50px 0; }
    .CategoryListBox .Inner h1.Title{ font-size: 22px; }
    .CategoryListBox .Inner .TitleH{ font-size: 26px;}
	.CategoryListBox .SearchType ul li{ margin: 0 10px; width: 40%; color: #fff; font-size: 17px; font-weight: 700; text-align: center; }
    /* PostTypeList */
    .PostTypeList ul li a{ min-height: 140px; }
    .PostTypeList ul{ display: block;}
    .PostTypeList ul li{ width: 100%;}
    .PostTypeList ul li .Left{ display: flex; }
    .PostTypeList ul li .Icon{ width: 25%;}
    .PostTypeList ul li .Icon img{ max-width: 80px; max-height: 80px;}
    .PostTypeList ul li .Detail{ padding-left: 10px;}
    .PostTypeList ul li .Detail .Sitename{ font-size: 20px;}

    /* PropertyList  */
    .PropertyListBox .RentIcon{ width: 80px; height: 80px; top: -24px; }
    .PropertyListBoxItem ul li{ width: 47%; margin: 1.5%; }
    /*.PropertyListBox h2{ font-size: 32px; letter-spacing: 0px; }*/
    .PropertyListBox .Title{ font-size: 32px; letter-spacing: 0px; }
    .PropertyListBox h2{ font-size: 30px; margin-top: 10px; padding-left: 70px; }
    .PropertyListBox h2 span{ font-size: 22px; }
    .PropertyListBox h2:after{ width: 60px; height: 40px; top: 0px;}

    /* LifeInBangkok  */
    .LifeInBangkok .RightPicture{ display: none; }
    .LifeInBangkok{ padding: 100px 0; }
    .LifeInBangkokBox .Title{ font-size: 32px;}
    .LifeInBangkokBox h2{ font-size: 26px; margin-top: 10px;}
    .LifeInBangkokConntent ul li:first-child{ margin-bottom: 50px; }
    .SinglePageLayoutBoxLeft{ float: none; width: 100%; padding-right: 0; }
    .SinglePageLayoutBoxLeft .StepLeftList ul li .Descriptions{ font-size: 14px;}
    .SinglePageLayoutBoxRight{ float: none; width: 100%; max-width: 100%; margin-top: 280px; }

    /* LifeInBangkokConntent */
    .LifeInBangkokConntent{  margin: 40px 0;}
    .LifeInBangkokConntent ul li .Detail .Title{ font-size: 14px;}
    
    /* StepAndSearch */
    .StepAndSearch .StepLeft .StepLeftList ul li .Title2{ font-size: 20px;}
    .StepAndSearch .StepLeft .StepLeftList ul li .Descriptions{ font-size: 15px;}
    .StepAndSearch .StepLeft .StepLeftList ul li:before{ height: 90%;}

    /* PopularSearch  */
    /*.PopularSearchBox h2{ font-size: 32px;}
    .PopularSearchBox .Title{ font-size: 26px; }
    .PopularSearchBox .Title:after{ top: 0;}*/

    .PopularSearchBox .Title2{ font-size: 32px; }
    .PopularSearchBox .Title{ font-size: 26px; margin-top: 30px; }
    .PopularSearchBox h2{ font-size: 26px; margin-top: 30px;}
    .PopularSearchBox .Title:after{ top: 0;}

    .PopularSearchBox .RentIcon{ width: 90px; height: 90px; top: 120px; }
    .MapTab ul li{ font-size: 13px; }
    .MapTab ul li a{ height: 60px; display: grid; border-radius: 15px 15px 0 0;  }
    .MapTab ul li img{ max-width: 35px; max-height: 35px; }
    .MapTab ul li a span{ display: none;}

    /* TabContentCate */
    .PopularSearchCateBox .Title{ font-size: 25px; }
    .PopularSearchCateBox .Title:after{ top: 0;}

    /* KeyvisualTPBox */
    .KeyvisualTP{ height: 667px; }
    .KeyvisualTPBox .SearchTXT{ font-size: 18px;}
    .KeyvisualTPBox .SearchTXT img{ max-width: 30px; max-height: 30px;}
    .KeyvisualTPBox .FontBTT{ width: 90%; margin: auto; text-align: center; font-size: 16px; margin-bottom: 20px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox{ margin-bottom: 20px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li a{ height: 150px; font-size: 12px; }
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li .Title{ margin-top: 0px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li .Icon{ height: 50px; margin-top: -20px;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li a img{ max-width: 40px; max-height: 40px; }
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li a:after{ left: 0; right: 0; margin: auto; }
    .KeyvisualTPBox .LogoTP{ margin-bottom: 5%; }
    .KeyvisualTPBox .TextTP{ margin-bottom: 10%;}
    .KeyvisualTPBox .TextTP img{ max-width: 80%;}

    /* CategoryListPageBoxRight */
    .CategoryListPageBoxRight .CategoryBoxList ul li a{ min-height: auto; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .Picture{ float: none; width: 100%; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .Picture p{ height: auto; max-height: none; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions{ float: none; width: 100%; margin-top: 15px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .TitleDescriptions .Title{ font-size: 17px; }
    .CategoryListPageBoxRight .CategoryBoxList ul li:first-child .IconInfos{ top: auto; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos{ position: relative; float: none; top: auto; font-size: 10px; width: 100%; padding: 10px 0 0 0; display: flex; justify-content: space-between; flex-wrap: wrap; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .IconInfos p{ width: 48%; margin: 7px 0; }
    .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList{ float: none; width: 100%; margin-top: 20px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr th, .CategoryListPageBoxRight .CategoryBoxList ul li .RoomList .TableRoomList tr td{ padding: 5px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos{ float: none; width: 100%; font-size: 13px; padding: 5px; margin-top: 20px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem{ margin:0;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 45px; height: 45px; margin-bottom: 0;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 20px; max-height: 20px;}
    .CategoryListPageBoxRight .CategoryBoxList ul li .FacilitiesInfos .FacilitiesInfosBox .FTItem span{ display: none;}
    /* ################################### Single page ################################### */
    /* SectionPropertyInfos */
    .SectionPropertyInfosBox .PhotoNInfos .Right .Description{ font-size: 14px; }
    .SectionPropertyInfosBox .FanndR .RoomRight .TableRoom{ font-size: 13px; }
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos{ padding: 5px; }
    /*.SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ margin: 5px 22px; font-size: 10px; }*/
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 55px; height: 55px; margin-bottom: 3px; }
    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 30px; max-height: 30px;}
    .SectionPropertyInfosBox .FanndRFB .RoomRight .TableRoom{ font-size: 13px; }
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos{ padding: 5px; }
    /*.SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ margin: 5px 22px; font-size: 10px; }*/
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p{ width: 55px; height: 55px; margin-bottom: 3px; }
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem p img{ max-width: 30px; max-height: 30px;}

    /* IconNear */
    .IconNear{ font-size: 11px; }
    .IconNear .Area{ padding-left: 30px; }
    .IconNear .Area:before{ width: 24px; height: 24px; }
    .IconNear .BTS{ padding-left: 30px; }
    .IconNear .BTS:before{ width: 24px; height: 24px; }
    .IconNear .Service{ padding-left: 30px; }
    .IconNear .Service:before{ width: 24px; height: 24px; }
    .IconNear .Built{ padding-left: 30px; }
    .IconNear .Built:before{ width: 24px; height: 24px; }
    .IconNear .Floor{ padding-left: 30px; }
    .IconNear .Floor:before{ width: 24px; height: 24px; }
    .IconNear .Address{ padding-left: 30px; }
    .IconNear .Address:before{ width: 24px; height: 24px; }
    .IconNear .Grade{ padding-left: 30px; }
    .IconNear .Grade:before{ width: 24px; height: 24px; }
    .IconNear .Contract{ padding-left: 30px; }
    .IconNear .Contract:before{ width: 24px; height: 24px; }
    .IconNear .Expressway{ padding-left: 30px; }
    .IconNear .Expressway:before{ width: 24px; height: 24px; }
    .IconNear .Rental{ padding-left: 30px; }
    .IconNear .Rental:before{ width: 24px; height: 24px; }
    .IconNear .Shopping{ padding-left: 30px; }
    .IconNear .Shopping:before{ width: 24px; height: 24px; }

    /* ContactAgent */
    .ContactAgent .Innner{ display: block; }
    .ContactAgent .Innner .Left{ width: 100%; text-align: center;}
    .ContactAgent .Innner .Left img{ max-width: 150px; margin: auto;}
    .ContactAgent .Innner .Right{ width: 100%; margin-top: 10px;}
    .ContactAgent .Innner .Right .RightDetail{ padding: 20px;}
    .ContactAgent .Innner .Right .RightDetail:before{ display: none; }
    .ContactAgent .Innner .Right .Title{ font-size: 16px; }
    .ContactAgent .Innner .Right .Descriptions{ font-size: 14px; line-height: 25px;}
    .ContactAgent .ContactIconList ul li{ width: 100%; margin: 10px 0; }
    .ContactAgent .ContactIconList ul li:last-child{ margin-bottom: 10px; }

    .SlideImages .rtl-slider-flex .rtl-slider .rtl-slider-slide{ background-size: contain; height: 290px;}

    /* BlogList */
    .BlogList ul li a{ display: block; }
    .BlogList ul li .Picture{ width: 100%; }
    .BlogList ul li .Detail{ width: 100%; margin-top: 15px; }
    .BlogList ul li .Detail .Title{ margin-bottom: 10px; }
    .BlogList ul li .Detail .Description{ margin-bottom: 10px; }
    .BlogList ul li{ margin: 50px 0; }

    .BlogListHeaderBox .Inner .TitleH{ font-size: 35px; }
    .BlogListHeaderBox .Inner h1.Title{ font-size: 25px; }
    .BlogListHeaderBox .Inner h2.Title{ font-size: 25px; }

    .BlogPageLayoutBoxRight{ display: block; }
    .Category_Ranking_Box{ max-width: 100%;}
    .Order1{ order: 1;}
    .Order2{ order: 2;}
    .Order3{ order: 3;}

    .LineSpace{ width: auto; height: 40px; }

    /* SinglePostDetail */
    .SinglePostDetail{ font-size: 15px; padding: 0;}
    .SinglePostDetail h2{ font-size: 25px; }
    .SinglePostDetail h3{ font-size: 21px; }
    .SinglePostDetail table thead th{ padding: 10px 5px; font-size: 16px; }
    .SinglePostDetail table tbody td{ padding: 8px; vertical-align: middle; font-size: 14px; min-width: 100%;} 
    .SinglePostDetail table tbody tr td, .NewsPageSingle .SinglePostDetail table tbody tr th { min-width: 100%; }
    .SinglePostDetail table tbody tr td:nth-child(2){ min-width: 100%; }

    /* ContactPage */
    .ContactPageBox .Descriptions{ font-size: 15px; line-height: 28px;}
    .ContactFormList .FormRow{ font-size: 15px; margin: 10px 0}
    .ContactFormList .FormRow p:nth-child(1){ width: 100%; max-width: 100%; }
    .ContactFormList .FormRow p:nth-child(2){ width: 100%; margin-top: 10px; }
    .ContactFormList .FormRow .CheckboxBox3{ padding-left: 4px;}
    .ContactFormList .FormRow .CheckboxBox3 .wpcf7-checkbox span.wpcf7-list-item{ width: 50%; }
    .ContactFormList .FormRow .CheckboxBox{ padding-left: 4px;}
    .ContactFormList .FormRow br{ display: none;}
    .ContactFormList .FormRow .CheckboxBox label{ width: 50%; margin: 5px 0; }
    .ContactPageBox .ContactType ul li{ font-size: 14px; margin: 0 5px;  }
    .ContactPageBox .ContactType ul li a.CondoRentCL{ padding: 20px 5px; }
    .ContactPageBox .ContactType ul li a.CondoSellCL{ padding: 20px 5px; }
    .ContactPageBox .ContactType ul li a.OfficeRentCL{ padding: 20px 5px; }
    .ContactPageBox .ContactType ul li a.FactoryBusinessCL{ padding: 20px 5px; }

    /* AboutPageHeader */
    .AboutPageHeader{ padding: 100px 0 100px 0; }
    .AboutPageHeaderBox .Inner .TitleH{ font-size: 36px; }
    .AboutPageHeaderBox .Inner h1.Title{ width: 100%; font-size: 25px;  margin-top: 0px; margin-bottom: 20px;}
    .AboutPageHeaderBox .Inner .Descriptions{ font-size: 16px; margin: 20px 0; line-height: 28px;}
    .AboutPageHeaderBox .PictureRight{ position: relative; width: 100%; text-align: center; }
    .AboutPageHeaderBox .PictureRight img{ max-width: 200px; max-height: 200px; }
    .IconBaseBall{ position: relative; right: auto; text-align: center; }
    .IconBaseBall img{ max-width: 160px; max-height: 160px; }

    /* CenterPictureBox */
    .CenterPictureBox img{ max-width: 300px;}
    .CenterPictureBox:after{ height: 50px; }

    /* OurStaffTeam */
    .OurStaffTeam{ margin: 100px 0 0 0;}
    .GooleMapTail .NormalMap{ padding-bottom: 60.25%; }

    .OurStaffHeader{ padding: 50px 0 0px 0;}
    .OurStaffHeaderBox .Inner .TitleH{ font-size: 35px; }
    .OurStaffHeaderBox .Inner h2.Title{ font-size: 25px; margin-top: 0; }

    /* OurStaffHeader */
    .OurStaffAll .OurRightBG{ width: 80%;}
    .OurStaffAll .OurLeftBG{ width: 80%;}
    .OurStaffFirstBox{ display: block; }
    .OurStaffHeaderBox .PictureRight{ display: none;}
    .OurStaffFirstBox .LeftFirst{  width: 100%; }
    .OurStaffFirstBox .LeftFirst .LeftCaptions{ font-size: 19px; text-underline-offset: 15px; margin-top: 20px; }
    .OurStaffFirstBox .LeftFirst .CaptionSecound{ line-height: 28px; }
    .OurStaffFirstBox .RightFirst{  width: 100%; margin-top: 60px; }
    .OurStaffFirstBox .RightFirst .Descriptions{ line-height: 28px;}
    .OurStaffFirstBox .RightFirst .Picture{ text-align: center;}
    .OurStaffFirstBox .RightFirst .Picture img{ max-width: 280px; margin-left: 0px; }

    /* StreghtPageHeader */
    .StreghtPageHeader{ padding: 60px 0 20px 0;}
    .StreghtPageHeaderBox .Inner .TitleH{ font-size: 36px;}
    .StreghtPageHeaderBox .Inner h1.Title{ width: 100%; font-size: 26px; margin-top: 10px;}
    .StreghtPageHeaderBox .Inner h2.Title{ width: 100%; font-size: 26px; margin-top: 10px;}
    .WhyFirstSection{ margin-top: 40px;}
    .WhyFirstSection .Picture{ right: 1%;}
    .WhyFirstSection .Picture img{ max-width: 200px; }
    .WhyFirstSectionBox .Descriptions { width: 100%; font-size: 16px; font-weight: 300; line-height: 28px; padding: 30px 0 200px 0; }
    .StreghtPageHeaderBox .StreghtIconCenter { right: 1%; }
    .StreghtPageHeaderBox .StreghtIconCenter img{ max-width: 200px;  }
    .StreghtPageHeaderBox .StreghtIconCenter { display: none; }
    
    /* PopUpContactTopBar */
    .PopUpContactTopBar{ max-width: 320px; margin: auto;}
    .PopUpContactTopBar .SearchBox .Title{ font-size: 18px;}
    .PopUpContactTopBar .SearchBox{ font-size: 14px;}
    .PopUpContactTopBar .SearchBox .SearchForm{ padding: 5px 15px 0px 15px;}

    /* PrivacyPolicy */
    .PrivacyPolicyBox .Inner .Detail .title{ margin: 50px 0 20px 0!important; font-size: 21px; }
    .PrivacyPolicyBox .Inner .Detail{ font-size: 17px; margin: 30px 0; line-height: 31px; }

    /* Map */
    .MapName{ width: 30%; padding: 7px 10px; font-size: 90%; }
    /*.TabContent .Mapox .MapLeft .RatchadapisekRama9{ top: 2%; left: 50%; width: 24%; padding: 7px 10px; font-size: 55%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlom{ top: 18%; left: 7%; width: 17%; padding: 7px 10px; font-size: 50%; }
    .TabContent .Mapox .MapLeft .AroundAsoke{ top: 18%; left: 33.5%; width: 15%; padding: 7px 10px; font-size: 49%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhong{ top: 19%; left: 52%; padding: 7px 10px; width: 15%; font-size: 44%; }
    .TabContent .Mapox .MapLeft .Thonglor{ top: 24%; left: 64%; padding: 7px 10px; width: 11%; font-size: 44%; }
    .TabContent .Mapox .MapLeft .Ekamai{ top: 28%; left: 74%; padding: 7px 10px; width: 11%; font-size: 44%; }
    .TabContent .Mapox .MapLeft .Ratchadamri{ top: 30%; left: 3%; width: 13%; font-size: 50%; padding: 7px 5px; }
    .TabContent .Mapox .MapLeft .LanceAn{ top: 33%; left: 15%; width: 13%; font-size: 50%; padding: 7px 6px; }
    .TabContent .Mapox .MapLeft .SouthPhromPhong{ width: 16%; top: 36%; left: 46.2%; padding: 7px 10px; font-size: 45%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnut{ width: 15%; top: 35%; left: 80.2%; padding: 7px 10px; font-size: 45%;}
    .TabContent .Mapox .MapLeft .SilomSatorn{ width: 14%; top: 46%; left: 9.2%; padding: 7px 10px; font-size: 48%;}
    .TabContent .Mapox .MapLeft .AroundBanner{ width: 25%; top: auto; bottom: auto; top: 51%; left: 66%; font-size: 50%;}
    */

    .TabContent .Mapox .MapLeft .AroundAsokeQoute{ display: none; }
    .TabContent .Mapox .MapLeft .NorthPhromPhongQoute{ display: none; }
    .TabContent .Mapox .MapLeft .ThonglorEkamaiQoute{ display: none; }
    .TabContent .Mapox .MapLeft .RatchadamriLanceAnQoute{ display: none; }
    .TabContent .Mapox .MapLeft .SouthPhromPhongQoute{ display: none; }
    .TabContent .Mapox .MapLeft .PlacanonOnnutQoute{ display: none; }
    .TabContent .Mapox .MapLeft .SilomSatornQoute{ display: none; }
    .TabContent .Mapox .MapLeft .AroundBannerQoute{ display: none; }



    .TabContent .Mapox .MapLeft .Office_AroundAsokeQoute{ display: none; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiQoute{ display: none; }
    .TabContent .Mapox .MapLeft .Office_RatchadamriQoute{ display: none; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutQoute{ display: none;  }
    .TabContent .Mapox .MapLeft .Office_SilomSatornQoute{ display: none; }
    .TabContent .Mapox .MapLeft .Office_AroundBannerQoute{ display: none; }

     /* ------  Factory Map ----- */
     .TabContent .Mapox .LastMap .LastMapRight .Inner{ height: 92%; padding: 20px; margin: 20px 0 0 0;}
     .TabContent .Mapox .LastMap .LastMapRight .Inner ul li{ padding: 5px 0 5px 30px; font-size: 13px; }
     .TabContent .Mapox .LastMap .LastMapRight .Inner ul li:before{ width: 20px; height: 20px; top: 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Saraburi{ top: 40%; left: 30%; width: 80%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Ayutthaya{ width: 67%; top: 40%; left: 25%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_PathumThani{ top: 43%; left: 20%; width: 125%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Nonthaburi{ width: 158%; left: -90%; font-size: 45%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Bangkok{ width: 65%; top: 26%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_SamutSakon{ left: -15%; width: 110%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_SamutPrakan{ width: 97%; z-index: 9; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_PrachinBuri{ width: 90%; top: 32%; left: 20%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Chachunsao{ top: 26%; left: 45%; width: 65%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Chonburi{ top: 20%; left: 35%; width: 65%; font-size: 60%; padding: 5px 5px; }
     .TabContent .Mapox .LastMapBox .Factory_Rayong{ width: 50%; top: 38%; left: 28%; font-size: 60%; padding: 5px 5px; }
    .iconText14{ top: 53%; right: 2%; left: auto;width:7%;}
     .iconText15{ display: none; }
    .iconText16{ display: none; }
    .iconText17{ display: none; }
    .iconText18{ display: none; }
    .iconText19{ display: none; }
    .iconText20{ display: none; }
    .iconText21{ display: none; }
    .iconText22{ display: none; }
     /* ------ End Factory Map ----- */

     .iconText6{ display: none; }

    .slick-next{ right: -15px!important;}
    .slick-prev{ left: -15px!important;}

    /* StaffList2026 */
    .StaffList2026{ max-width: 90%; margin: auto; margin-top: 100px; margin-bottom: 100px; position: relative; }
    .StaffList2026 ul{ gap: 0%; }
    .StaffList2026 ul li{ width: 100%; }
    .StaffList2026 ul li .StaffList2026LR .PictureL p{ width: 120px; height: 120px; }
    .StaffList2026 ul li .StaffList2026LR .NameR .NameBox{ min-height: auto;}
    .StaffList2026 ul li .StaffList2026LR .NameR .Name{ font-size: 16px;}
    .StaffList2026 ul li .StaffList2026LR .NameR .Name{ font-size: 15px;}
    .StaffList2026 ul li .StaffList2026LR .NameR .Position{ font-size: 14px;}
    .StaffList2026 ul li .Description{ font-size: 14px;}

}

/* -------------------------------------  480px  ------------------------------------- */
@media(max-width:480px)
{
    footer .TailLink2 .TailLinkBox{ width: 100%; }

    /* PostTypeList */
    .PostTypeList ul li a{ min-height: 160px; }
    .PostTypeList ul{ display: block;}
    .PostTypeList ul li{ width: 100%;}
    .PostTypeList ul li .Left{ display: flex; }
    .PostTypeList ul li .Icon{ width: 25%;}
    .PostTypeList ul li .Detail{ padding-left: 15px;}
    .PostTypeList ul li .Detail .Sitename{ font-size: 20px;}
    .PropertyListBoxItem ul li{ width: 100%; margin: 2% 0; }
    .PropertyListBoxItem ul li .Picture{ height: auto; }
    .PropertyListBoxItem ul li .Descriptions p span:nth-child(1){ max-width: 60px; }

    /* LifeInBangkokConntent */
    .LifeInBangkokConntent ul li:first-child .Detail .Titles{ font-size: 18px; margin-top: 20px; }
    .LifeInBangkokConntent ul li:first-child{ margin-bottom: 30px;}
    
    /* CategoryList */
    .CategoryList{ padding: 50px 0 50px 0; }
    .CategoryListBox .Inner h1.Title{ font-size: 20px; }
    .CategoryListBox .Inner .TitleH{ font-size: 22px;}

    /* KeyvisualTPBox */
    .KeyvisualTPBox .LogoTP{ margin-bottom: 1%; }
    .KeyvisualTPBox .LogoTP img{ max-width: 100px;}
    .KeyvisualTPBox .TextTP{ margin-bottom: 5%;}
    .KeyvisualTPBox .KeyvisualPostTypeBox ul{ flex-wrap: wrap; }
    .KeyvisualTPBox .KeyvisualPostTypeBox ul li{ width: 49.5%; margin: 0.15%; }

    /* TabContent */
    /*.TabContent .Mapox .MapRight .MapRight1{ padding: 10px 5px 10px 10px; }*/
    .TabContent .Mapox .MapRight .MapRight2{ display: none; }

    /* TabContentCate */
    .PopularSearchCateBox .Title{ margin-top: 50px; }
    .TabContentCate .Mapox .MapRight .MapRight1{ padding: 10px 5px 10px 10px; }
    .TabContentCate .Mapox .MapRight .MapRight2{ padding:  10px 5px 10px 10px; }

    /* RelatedPropertyBoxItem */
    .RelatedPropertyBoxItem{ padding: 0 10px;}
    .RelatedPropertyBoxItem ul{ padding: 0 10px;}

    /* FacilitiesAndServiceBox */
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li{ display: block;}
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects{ width: 100%; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .BasicInfo{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Water{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ServicesProvided{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Features{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .PropertyEquipment{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .IndoorEquipment{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Kitchen{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Bathroom{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .Others{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .SFSubjects .ContractConditions{ font-size: 16px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos{ width: 100%; margin-left: 0; margin-top: 10px; padding-left: 30px; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(1){ width: 48%; margin: 0 0 10px 0; }
    .FacilitiesAndServiceBox .FacilitiesAndServiceList ul li .FSInfos .ItemList p:nth-child(2){ width: 50%;margin: 0 0 10px 2%; }

    /* ContactAgent */
    .ContactAgent { padding: 20px 0 50px 0; }
    .ContactAgent .ContactIconList{ margin-top: 10px;}
    .ContactAgent .ContactIconList{ padding: 20px;}
    .ContactAgent .Innner .Right .Descriptions{ margin-top: 10px;}

    /* ContactPageBox */
    .ContactPageBox .ContactType ul{ flex-wrap: wrap; }
    .ContactPageBox .ContactType ul li{ font-size: 14px; margin: 1%!important; width: 48%; }

    /* CompanyProfileList */
    .CompanyProfileList .RowLR{ font-size: 14px; }
    .CompanyProfileList .RowLR p:nth-child(1){ width: calc(100% - 260px); max-width: 160px; }
    .CompanyProfileList .RowLR p:nth-child(2){ width: calc(100% - 100px); }

    /* OurStaffList */
    .OurStaff3Box ul{ display: block; }
    .OurStaff3Box ul li{ width: 100%; margin-bottom: 50px; }
    .OurStaff3Box ul li .Picture{ text-align: center; margin-bottom: 10px;}
    .OurStaff3Box ul li .Picture img{ max-width: 280px; }

    /* Map */
    .MapPC{ display: none; }
    .MapMB{ display: block; }
    .MapName{ top: 1%; width: 30%; padding: 5px 10px; font-size: 70%; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9{ top: 6%; padding: 5px 5px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .RatchadapisekRama9BG{ height: 15.3%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlom{ top: 16%; left: 7%; padding: 5px 5px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .PloenchitChidlomBG{ top: 21.8%; height: 21.3%;}
    .TabContent .Mapox .MapLeft .AroundAsoke{ top: 13%; left: 8.5%; width: 80%; padding: 5px 5px; font-size: 60%; }
    .TabContent .Mapox .MapLeft .AroundAsokeBG{ top: 22%;}
    .TabContent .Mapox .MapLeft .NorthPhromPhong{ top: 10%; padding: 5px 5px; width: 140%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .NorthPhromPhongBG{ top: 22%; height: 25.4%;}
    .TabContent .Mapox .MapLeft .Thonglor{ top: 27%; left: 20%; padding: 5px 5px; width: 70%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .ThonglorBG{ top: 22%; height: 51.9%;}
    .TabContent .Mapox .MapLeft .Ekamai{ top: 45%; left: 18%; padding: 5px 5px; width: 50%; font-size: 60%; }
    .TabContent .Mapox .MapLeft .EkamaiBG{ top: 22%; height: 54.3%;}
    .TabContent .Mapox .MapLeft .Ratchadamri{ top: 5%; left: -10%; width: 115%; font-size: 60%; padding: 5px 5px; }
    .TabContent .Mapox .MapLeft .RatchadamriBG{ top: 45%; height: 19%;}
    .TabContent .Mapox .MapLeft .LanceAn{ top: 22%; left: -5%; width: 115%; font-size: 60%; padding: 5px 5px; }
    .TabContent .Mapox .MapLeft .LanceAnBG{ top: 46.7%; height: 19%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhong{ width: 150%; top: 17%; left: -15%; padding: 5px 5px; font-size: 60%;}
    .TabContent .Mapox .MapLeft .SouthPhromPhongBG{ top: 49.9%; height: 21.3%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnut{ width: 61%; top: 50%; left: 39.2%; padding: 5px 5px; font-size: 60%;}
    .TabContent .Mapox .MapLeft .PlacanonOnnutBG{ top: 29.4%; left: 67.4%; height: 55.1%; }
    .TabContent .Mapox .MapLeft .SilomSatorn{ width: 47%; top: 10%;  padding: 5px 5px; font-size: 60%;}
    .TabContent .Mapox .MapLeft .SilomSatornBG{ top: 67.2%; height: 33.2%;}
    .TabContent .Mapox .MapLeft .AroundBanner{ width: 140%; top: 34%; left: -50%; padding: 5px 5px; font-size: 60%;}
    .TabContent .Mapox .MapLeft .AroundBannerBG{ top: 72.4%; height: 27.5%;}
    .TabContent .Mapox .MapLeft .SaphanTaksin{ top: 52%; width: 75%; }
    .iconText9{ top: 46%; left: 31.4%; width: 11.3%; height: 3%; }

    .MapLogoPoint{ top: 35%; left: 43%;}

    .TabContent .Mapox{ display: block; flex-wrap: nowrap;}
    .TabContent .Mapox .MapLeft{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; }
    .TabContent .Mapox .MapRight{ width: 90%; display: block; margin: 0 auto; margin-top: 10px; padding: 0; }
    .TabContent .Mapox .MapRight .MapRight1{ width: 100%; margin: 0; padding: 0;}
    .TabContent .Mapox .MapRight .MapRight2{ width: 100%; margin: 0; padding: 0;}

    .SmallMapName{ padding: 5px 10px; left: -5px; width: 50%; font-size: 80%; }
    .RightSmallMapInner{ border-radius: 15px 15px 15px 15px;}
    .RightSmallMapInner p{ padding: 3px 5px;}
    .RightSmallMapInner .Sriracha{ /*width: 50%; left: 38%;*/ top: 40%; width: 50%; font-size: 60%; } 
    .RightSmallMapInner .Pattaya{ /*width: 40%; left: 30%;*/ top: 39%; font-size: 60%; } 

    /* ------  Office Map ----- */
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9{ width: 60%; top: 30%; font-size: 60%; padding: 5px 10px; }
    .TabContent .Mapox .MapLeft .Office_RatchadapisekRama9BG{ width: 54%; left: 46.3%; height: 22.4%; }
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlom{ width: 100%; top: 10%; left: -1.5%; font-size: 60%; padding: 5px 10px;}
    .TabContent .Mapox .MapLeft .Office_PloenchitChidlomBG{ top: 28.5%; left: 11.7%; width: 22.5%; height: 21.3%; }
    .TabContent .Mapox .MapLeft .Office_AroundAsoke{ width: 92%; top: 5%; left: 3.5%; font-size: 60%; padding: 5px 10px; }
    .TabContent .Mapox .MapLeft .Office_AroundAsokeBG{ top:28.6%; left: 33.8%; width: 20.9%; height: 24.8%; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamai{ width: 68%; font-size: 60%; top: 20%; left: 11%; padding: 5px 10px; }
    .TabContent .Mapox .MapLeft .Office_PhromPhongThonglorEkamaiBG{ top: 28.5%; left: 48.5%; width: 49.3%; height: 42.3%; }
    .TabContent .Mapox .MapLeft .Office_Ratchadamri{ width: 110%; left: 6%; top: 18%; font-size: 60%; padding: 5px 10px; }
    .TabContent .Mapox .MapLeft .Office_RatchadamriBG{ top: 49%; left: 11.8%; width: 20.3%; height: 14.4%;}
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnut{ width: 75%; font-size: 60%; top: 40%; left: 20.2%; padding: 5px 10px; }
    .TabContent .Mapox .MapLeft .Office_PlacanonOnnutBG{ top: 29.4%; left: 68%; width: 32%; height: 48.6%; }
    .TabContent .Mapox .MapLeft .Office_SilomSatorn{ width: 65%; font-size: 60%; top: 18%; left: 28%; padding: 5px 10px;}
    .TabContent .Mapox .MapLeft .Office_SilomSatornBG{ top: 63.5%; height: 24.6%; width: 34.1%;}
    .TabContent .Mapox .MapLeft .Office_SaphanTaksin{ width: 170%; top: -5%; left: 50%; font-size: 60%; padding: 5px 10px;}
    .TabContent .Mapox .MapLeft .Office_SaphanTaksinBG{ top: 83.5%; left: 0.2%; width: 18.3%; height: 16.7%;}
    .TabContent .Mapox .MapLeft .Office_AroundBanner{ width: 145%; top: 50%; left: -50%; font-size: 60%; padding: 5px 10px;}
    .TabContent .Mapox .MapLeft .Office_AroundBannerBG{ top: 58.8%; left: 75.4%; width: 24.7%; height: 41.5%; }
    
    .iconText11{ display: none; }
    .iconText12{ display: none; }
    .iconText13{ display: none; }
    .iconText14{ display: none; }
    .CondoOffice3 .iconText6{ display: none; }
    
    /* ------ End Office Map ----- */

    .SectionPropertyInfosBox .FanndR .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 10px; }
    .SectionPropertyInfosBox .FanndRFB .FacilityLeft .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 10px; }
    .SectionOthersInfosBox .OthersInfos .LeftInfos .FacilitiesInfos .FacilitiesInfosBox .FTItem{ font-size: 10px; }
}