/* MOBILE */
@media (min-width:144px) and (max-width:480px){
    
h1 {
    font-size: 6.5vw;
    font-weight: 700;
    line-height: 7vw;
}
h2{
    font-size: 6vw;
    font-weight: 700;
    line-height: 6.5vw;
}
h2{
    font-size: 5.5vw;
    font-weight: 600;
    line-height: 6vw;
}
h3{
    font-size: 5vw;
    font-weight: 700;
    line-height: 5.5vw;
}
h4{
    font-size: 4.5vw;
    font-weight: 700;
    line-height: 5vw;
}
h5{
    font-size: 4vw;
    font-weight: 500;
    line-height: 4.5vw;
}
h6{
    font-size: 3.5vw;
    font-weight: 700;
    line-height: 3.5vw;
}
p{    
    font-size: 3vw;
    font-weight: 400;
    line-height: 3.5vw;
}
a{
    font-size: 3vw;
    font-weight: 400;
    line-height: 3.5vw;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
}
.small-text {
    font-size: 2.5vw;
    font-weight: 300;
    line-height: 3vw;
}
.sec-3-title h2{
    color:#fff;
    margin-bottom:5vw;
}
.s3-serv-items-row{
    margin-bottom:3vw;
    display: flex;
    flex-flow: column;
    width: 100%;
}
.s3-serv-item{
    width: 100%;
    margin-bottom:4vw;
}
.s3-serv-item h4{
    margin-bottom:4vw;
}
.serv-list{
    display: flex;
    flex-flow: column;
}
.serv-list-item h6{
    margin-bottom:2vw;
}

.serv-list-item{
    width: 100%;
    margin-bottom:3vw;
}
.nav-bar, .nav-bar-inverse {
    padding: 5vw;
    backdrop-filter: blur(2.5vw);
    -webkit-backdrop-filter: blur(2.5vw);
    justify-content: space-between;
}
.nav-bar-inverse .burger{
    filter: invert(100%);
}
.logo img {
    height: 5vw;
}
.link-block-r, .link-block-l {
    display:none;
}
.burger{
    display:block;
}
.video-bg {
    height: 50vh;
}
.section-1 {
    margin-top: 50vh;
    flex-flow:column;
    height:0vh;
}
.port-item {
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: flex-start;
    flex-flow: column;
    padding: 1.6vw;
    position: relative;
    height: 10vh;
    box-sizing: border-box;
}
.port-state-bg {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.p-i-content {
    opacity: 1;
    width: 100%;
    text-align: center;
/*    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;*/
}
.port-blur {
    backdrop-filter: blur(0px);
    opacity: 1;

}
.play-icon{width:5vw;height:6vw;padding-left: 1vw;}
.port-state-bg-linear {
    opacity: 1;
    background: linear-gradient(180deg, rgb(255 255 255 / 25%) 30.73%, #FFFFFF 100%);
}
.section-2 {
    margin-top: 0;
}
.grid-wrap {
    width: 90vw;
}
.team-item {
    height: calc(100vh/8);
    padding: 0vw 30vw 0vw 0vw;
    position: relative;
    transition: 0.5s;
}
.video-bg video {
    height: 50vh;
}
.team-state-bg {
    background-position-x: 130%;
}
.ablosute-bword svg{
    display:none;
}
.ablosute-bword {
    position: absolute;
    top: 25vw;
    left:0;
    max-width: 100vw;
    padding-left:5vw;
}
.ablosute-bword h1{
    
}
.chip-block{display:none;}

.chip-block-mob {
display: flex;
    flex-flow: row;
    margin: 5%;
    overflow: auto;
    padding: 2vw;
    position: fixed;
    z-index: 9;
    bottom: 64px;
    left: 0;
    right: 0;
    background: #fff;
    width: 90%;
    border-radius: 10vw;
    box-sizing: border-box;
    
}

.chip{
    padding: 1.5vw 3vw;
    flex:none;
    height:auto;
    margin-right: 1vw;
    border-radius: 5vw;
    margin-bottom:0;
}
.section-1-p{
    margin-top: 150px;
}
.p-v-1{
    display:none;
}
.p-video, .p-video-closed{
    width:100%;
    height: 50vw;
}
.m-m-fix{
    position:fixed;
    z-index:99;
    bottom:0;
    width:100%;
    box-sizing: border-box;
}
.m-menu{
    position:fixed;
    z-index:99;
    bottom:0;
    width:100%;
    box-sizing: border-box;
    display: flex;
    width: 100%;
    background-color:#ffffff;
    border-radius:12px 12px 0 0;
    box-shadow: 0px -4px 16px rgba(0, 0, 0, 0.12);
}
.m-menu-link{
    width: calc(100%/4);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding:10px;
    
}
.m-menu-link p{
    color:#000000;
    font-size:10px;
    line-height:14px;
    font-weight:700;
}
.active-m-l p{
    color: #0088EA!important;;
}
.m-menu-link img{
    margin-bottom:4px;
}
.close-video {
    height: 15vw;
    width: 15vw;

}
.v-pop-inner .pop-video {
    height: 25vh;
    width: 100%;
}
}