body {
    height: 100vh;
}
:root {
    --height: 163px;
    --width: 214px;
    --extra-height: 16px;
    --extra-width: 21px;
    --image-bottom-margin: 1px;
}
.each-country{
    height: 100%;
    overflow: hidden;
    position: relative;
    font-size: 35px;
    color: #343435;
}
.each-country .img-map-local{
    height: 100%;
    max-width: unset;
    width: 100%;
    object-fit: cover;
}
.page-id .each-country .img-map-local{
    height: calc( 100% - 100px );
}
.each-country div#map{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;;
    justify-content: center;
    background-image: url(/wp-content/uploads/2019/05/bg-homepage-map.jpg);
    background-size: cover;
}
@media (min-width: 1368px) {
    .each-country div#map{
        zoom: var(--scale-standard);
    }
    @-moz-document url-prefix() {
        .each-country div#map {
          transform: scale(var(--scale-standard));
          transform-origin: 0 0;
          width: calc(100% / var(--scale-standard));
          height: calc(100% / var(--scale-standard));
        }
    }
}
.each-country .map-homepage{
    background-position: center;
    background-size: auto 620px;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 120px;
}
#id-site .each-country .map-homepage, #id-site-en .each-country .map-homepage{
    background-size: auto 768px;
    bottom: 0;
}
#ph-site .each-country .map-homepage{
    background-size: auto 920px;
    bottom: -130px;
}
#ph-site .iconboxmodal {
    position: absolute;
    top: calc( 50% - 359px);
    right: calc(50% + 13px);
    width: 7.8px;
}
#th-site .each-country .map-homepage, #th-site-en .each-country .map-homepage{
    background-size: auto 640px;
    bottom: 55px;
}
#th-site .iconboxmodal, #th-site-en .iconboxmodal {
    position: absolute;
    top: calc(50% - 130px);
    right: 50%;
    width: 7.8px;
}
#id-site .iconboxmodal, #id-site-en .iconboxmodal {
    position: absolute;
    top: calc( 50% - 135px);
    right: calc(50% + 43px);
    width: 8px;
}
#vn-site-en .iconboxmodal, #vn-site .iconboxmodal{
    display: none;
}
@media (max-height: 630px){
    .each-country .map-homepage{
        background-size: auto 530px;
    }
    #ph-site .each-country .map-homepage{
        background-size: auto 817px;
        bottom: -115px;
    }
    #ph-site .iconboxmodal {
        top: calc( 50% - 294px);
    }
}
@media (min-height: 631px) and (max-height: 720px){
    #ph-site .each-country .map-homepage {
        background-size: auto 870px;
        bottom: -115px;
    }
    #ph-site .iconboxmodal {
        top: calc( 50% - 313px);
    }
}

@media (min-height: 768px){
    .each-country .map-homepage{
        background-size: auto 768px;
    }
    #th-site .iconboxmodal, #th-site-en .iconboxmodal{
        top: calc(50% - 164px);
    }
}

@media (min-height: 721px) and (max-height: 800px){
    #ph-site .each-country .map-homepage{
        background-size: auto 995px;
        bottom: -150px;
    }
}
@media (min-height: 801px) and (max-height: 850px){
    #ph-site .each-country .map-homepage{
        bottom: 0px;
    }
    #ph-site .iconboxmodal {
        top: calc( 50% - 328px);
    }
}
@media (min-height: 851px) {
    #ph-site .each-country .map-homepage{
        bottom: 70px;
    }
    #ph-site .iconboxmodal {
        top: calc( 50% - 331px);
    }
}

@media (min-height: 631px) and (max-height: 685px){
    #th-site .each-country .map-homepage, #th-site-en .each-country .map-homepage {
        background-size: auto 690px;
    }
    #th-site .iconboxmodal, #th-site-en .iconboxmodal {
        top: calc(50% - 145px);
    }
}
@media (min-height: 686px) and (max-height: 736px){
    #th-site .each-country .map-homepage, #th-site-en .each-country .map-homepage {
        background-size: auto 750px;
    }
    #th-site .iconboxmodal, #th-site-en .iconboxmodal {
        top: calc(50% - 155px);
    }
}
@media (min-height: 737px) and (max-height: 787px){
    #th-site .each-country .map-homepage, #th-site-en .each-country .map-homepage {
        background-size: auto 810px;
    }
    #th-site .iconboxmodal, #th-site-en .iconboxmodal {
        top: calc(50% - 165px);
    }
}
@media (min-height: 788px){
    #th-site .each-country .map-homepage, #th-site-en .each-country .map-homepage {
        background-size: auto 810px;
        bottom: 120px;
    }
    #th-site .iconboxmodal, #th-site-en .iconboxmodal {
        top: calc(50% - 165px);
    }
}
.page-th .img-map-local{
    height: calc( 100% - 115px);
}
.each-country .service-country {
    position: absolute;
    font-family: 'BebasNeue-Bold';
    font-weight: 700;
    font-size: 51.47px;
    color: #474747;
    text-align: center;
    width: calc( var(--width) + (var(--extra-width) * 2) );
}
.each-country .service-country a{
  display: block;
  color: unset;
}
.each-country .service-country a:first-child{
    position: absolute;
    bottom: calc( 100% + var(--image-bottom-margin));
    text-align: center;
    width: calc( var(--width) + (var(--extra-width) * 2) );
}
.each-country .service-country .image:first-child:hover{
    position: absolute;
}
.each-country .service-country .image:first-child:hover img{
    height: calc( var(--height) + var(--extra-height) );
    width: calc( var(--width) + var(--extra-height) );
}
.each-country .service-country a img{
    border: 2px solid white;
    border-radius: 10px;
    object-fit: cover;
    width: var(--width);
    height: var(--height);
    transition: all 0.2s;
}
.each-country .long-haul{
    top: 47%;
    left: 10.4%;
}

.each-country .intra-city{
    top: 69.5%;
    left: 42%;
}
.each-country .software {
    top: 59%;
    left: 74%
}
.each-country .software a{
    cursor: unset;
}
.language-and-location {
    position: absolute;
    top: 33px;
    right: 54px;
    z-index: 1;
}
.each-country .language-and-location .location {
    margin-right: 7px;
}
.menu-type-outside .cell-inside-2:after {
  content: "";
  border-bottom: 30px solid #00751a;
}
.cell-inside-2 .item-menu .list-item-bottom {
    margin-top: 0 !important;
}
#vn-site .img-map-local, #vn-site-en .img-map-local{
    height: calc( 100% - 50px);
}
#vn-site .service-country, #vn-site-en .service-country  {
    pointer-events: none;
}

/* huynh*/
.push .box-menu-home-wrapper {
    padding-left: 32px;
}
.box-menu-home-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 30px;
    height: calc(100vh - 120px);
    align-items: center;
}
#ph-site .box-menu-home-wrapper {
    height: calc(100vh - 32px);
    align-content: center;
    padding-left: 32px;
}
.box-menu-home {
    font-family: 'BebasNeue-Bold'; 
    font-weight: 700; 
    color: #474747; 
    text-align: center; 
    height: 215px; 
    width: auto;
}
.box-menu-home img {
    max-height: 100%;
    width: auto;
}
.box-menu-home .itembox {
    display: block;
    height: 100%; 
}
.box-menu-home .itembox .box-img{ border-radius: 9px; transition: transform .2s;}
.box-menu-home .itembox .box-tt{ height: 39px; padding-top: 2px;}

.box-menu-home .itembox:hover .box-img { transform: scale(1.1);   -ms-transform: scale(1.1); -webkit-transform: scale(1.1);}
.box-menu-home.cls-position2 {
    margin-left: 112px;
}
#ph-site .box-menu-home.cls-position2 {
    margin-left: 60px;
}
.box-menu-home.cls-position3 {
    flex: 100%;
    margin-top: 56px;
}
#ph-site .box-menu-home.cls-position3 {
    flex: none;
    margin-top: auto;
    margin-left: 60px;
}
 
.box-menu-home .disabled {  pointer-events: none; }

#id-site .iconboxmodal, #id-site-en .iconboxmodal{top: calc( 50% - 65px); right: calc( 50% - 566px);}

#ph-site .box-menu-home .disabled {  pointer-events: none; }

@media (max-width: 1536px) {
    #ph-site .box-menu-home-wrapper {
        height: calc(100vh - 54px);
    }
}
@media (max-width: 1366px) {
    #ph-site .box-menu-home-wrapper {
        height: calc(100vh - 42px);
    }
}