html,
body{
    height:100%;
    width: 100%;
    font-family: 'Roboto';
}

.nav-menu{
    height: 0px;
    position: fixed;
    left: 0;
    right: 0%;
    top: 53px;
    /* bottom: 100%; */
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0px 10px 15px rgba(154, 221, 255, 0.2);
    transition: 300ms;
    z-index: 20;
}

.nav-menu.active {
    /* bottom: 90px; */
    height: 300px;
}

.nav-menu .nav-content {
    width: 100%;
    margin-top:6.25%;
}

.nav-menu .nav-content a {
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #283148;
}

.nav-menu .nav-menu-item{
    /* margin-bottom: 11.25%; */
    margin-bottom: 36px;
}

.nav-menu .nav-content a.active{
    font-weight: bold;
    color: #F44F2B;
}


/*
.nav-menu .nav-content {
    position: absolute;
    padding: 0 10px;
    left: 0;
    right: 0;
    top: 60px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
*/















.m-content-header{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #ffffff;
    z-index: 999999;
}

.m-div-header.use-shadow{
    box-shadow: 0px 10px 15px rgba(154, 221, 255, 0.2);
}

.m-div-logo{
    /* width: 36.56%; */
    width: 117px;
    margin-left: 3.125%;
    float: left;
    position: relative;
    /* top: 5px; */
    /* top: -5px; */
    top: 0px;
}

.m-div-logo img{
    cursor: pointer;
}


a#m-header-button:active .m-div-header-button{
    background-image: linear-gradient(0deg, rgba(11, 31, 93, 0.2), rgba(11, 31, 93, 0.2)), linear-gradient(96.27deg, #4ABFFE -7.26%, #851AF0 153.22%);
    background-blend-mode: multiply, normal;
} 

.m-div-header-button{
    width: 28.3125%;
    height: 29px;
    margin-top: 5%;
    margin-right: 5%;
    float: right;
    background-image: linear-gradient(96.27deg, #4ABFFE -7.26%, #851AF0 153.22%);
    box-shadow: 0px 0px 30px rgba(34, 157, 255, 0.3);
    border-radius: 100px;
}

.m-div-header-button.m-text-content{
    color: #ffffff;
}

.m-div-menu{
    /* width: 5.635%; */
    margin-right: 5%;
    margin-top: 6%;
    float: right;
}

#nav-button {
    width: 20px;
    height: 34px;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

#nav-button span {
    display: block;
    position: absolute;
    /* height: 9px; */
    height: 2px;
    width: 100%;
    background: #2E344E;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

#nav-button span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-button span:nth-child(2) {
    top: 6px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-button span:nth-child(3) {
    top: 12px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

#nav-button.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 8px;
}

#nav-button.active span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

#nav-button.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
    left: 8px;
}





.m-div-logo img,
.m-div-menu img{
    width: 100%;
}

.m-div-banner{
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.m-div-banner img{
    width: 100%;    
}

.m-div-banner .m-shape-1{
    width: 12.1875%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 30.625%;
}

.m-div-banner .m-shape-2{
    width: 5.9375%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 6.875%;
    margin-top: 26.875%;
}

.m-div-banner .m-shape-3{
    width: 13.09%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 3.125%;
    margin-top: 60%;
}

.m-div-banner .m-shape-4{
    width: 8.75%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 32.5%;
    margin-top: 89.375%;
}

.m-div-banner .m-shape-5{
    width: 5.27%;
    position: absolute;
    left: 0px;
    top: 0px;
    margin-left: 81.875%;
    margin-top: 62.29%;
}

.m-banner-bg{
    position: relative;
    opacity: 0;
    z-index: -1;
}

.m-div-banner .m-banner-fire{
    /* width: 120%; */
    width: 115%;
    position: absolute;
    /* left: 0%; */
    left: 18%;
    top: -19%;
    opacity: 1;
    transition: left 1s, opacity 2s;
    z-index: -1;
}


.m-banner-fire.starter{
    left: 35%;
    opacity: 0;
}

.m-div-banner .m-banner-phone{
    width: 87%;
    position: absolute;
    top: 7px;
    left: 8%;
    opacity: 1;
    z-index: 10;
    transition: left 2s, opacity 2s;
}

.m-banner-shadow.starter,
.m-banner-phone.starter{
    left: 25%;
    opacity: 0;
}

.m-banner-shadow{
    position: absolute;
    left: 0%;
    opacity: 1;
    mix-blend-mode: multiply;
    z-index: 15;
    transition: left 2s, opacity 2s;
}


.m-div-launch-membership{
    padding-left: 7.19%;
    /* margin-top: -5.37%; */
    /* margin-top: -7.37%; */
    margin-top: 4%;
    margin-bottom: 10%;
    position: relative;
    left: 0px;
    opacity: 1;
    z-index: 10;
}

.m-bg-membership{
    width: 54.375%;
    margin-top: 7.81%;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}

.m-title-membership{
    width: 90%;
    position: relative;
    left: 0px;
    opacity: 1;
    font-style: normal;
    font-weight: 900;
    font-size: 30px;
    line-height: 33px;
    color: #283148;
    z-index: 5;
    transition: left 1s, opacity 2s;
}

.m-title-membership.starter{
    left: -20%;
    opacity: 0;
}

.m-text-membership{
    position: relative;
    left: 0px;
    opacity: 1;
    margin-top: 4.38%;
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 12px;
    color: #283148;
    z-index: 5;
    transition: left 1s, opacity 2s;
}

.m-text-membership.starter{
    left: -20%;
    opacity: 0;
}

.m-btn-get-this-app img{
    /* width: 58.75%; */
    width: 188px;
    /* margin-top: 9.6875%; */
    margin-top: 5.6875%;
    /* margin-left: 0.94%; */
    position: relative;
    left: 0px;
    opacity: 1;
    box-shadow: 0px 0px 30px rgba(34, 157, 255, 0.3);
    border-radius: 100px;
    z-index: 9;
    transition: left 1s, opacity 2s;
}

.m-btn-get-this-app img.starter{
    left: -20%;
    opacity: 0;
}

.m-div-partner{
    margin-top: 12.5%;
}

.m-div-partner .customer-logo-swiper{
    padding-bottom: 0px;
    margin-top: 0px;
}

.m-content{
    /* width: 100%; */
    /* font-style: normal; */
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    /* color: #C6DEF3; */
}

.m-div-logo-partner{
    width: 100%;
    margin-top: 6.25%;
    padding-left: 7.7%;
    padding-right: 6.46%;
}

.m-logo-partner-gallery img{
    width: auto;
    max-width: 90px;
    height: 27.15px;
}

.m-div-benefit{
    width: 100%;
    margin-top: 11.95%;
    position: relative
}

.m-div-benefit .m-content{
    width: 93.125%;
    margin-top: 4.375%;
}

.m-div-tooptip-benefit{
    width: 100%;
    /* margin-top: 30px; */
    padding: 7.8125% 6.875% 4.875% 6.875%;

    /* position: absolute; */
    position: fixed;
    top: 0px;
    /* top: 38%; */
    left: 0px;
    background-color: #ffffff;
    z-index: 999;
}

.m-div-tooptip-gallery{
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.m-div-tooltip-content-benefit{
    padding-left: 11.78%;
    padding-right: 11.78%;
}

.m-div-tooltip-content-benefit img{
    width: 23.34%;
}

.m-div-tooltip-content-benefit .m-div-title{
    margin-top: 5.43%;
    margin-bottom: 7.61%;
}

.m-div-tooptip-benefit .m-swiper-button-next,
.m-div-tooptip-benefit .m-swiper-button-prev{
    position: absolute;
    top: 50%;
    background-image: none;
}

.m-div-tooptip-benefit .m-swiper-button-next:focus,
.m-div-tooptip-benefit .m-swiper-button-prev:focus{
    outline: none;
}

.m-div-tooptip-benefit .m-swiper-button-prev{
    left: 6.875%;
}

.m-div-tooptip-benefit .m-swiper-button-next{
    right: 6.875%;
}

.m-div-tooptip-benefit .m-swiper-button-next .fa,
.m-div-tooptip-benefit .m-swiper-button-prev .fa{
    font-size: 22px;
}


.m-div-benefit-item{
    width: 100%;
    /* height: 500px; */
    padding: 10.625% 4.375% 9.375% 4.375%;
    position: relative;
}

.bg-middle-benefit{
    width: 100%;
    margin-top: 37%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.m-div-benefit-item .row,
.m-div-benefit-item .row > div,
.m-div-benefit-item .container{
    padding: 0px;
    margin: 0px;
}

.m-div-benefit-item .container{
    position: relative;
    z-index: 5;
}

.m-div-benefit-item .row > div{
    margin: 3.77% 0px 3.77% 0px;
}

.m-box-item-benefit{
    width: 84.93%;
    /* height: 124px; */
    margin-left: 7.535%;
    margin-right: 7.535%;
    padding-top: 16%;
    /* padding-bottom: 2%; */
    /* padding-top: 84.93%; */
    padding-bottom: 0.1px;
    position: relative;
    opacity: 1;
    top: 0px;
    box-shadow: 0px 4px 15px rgba(112, 188, 242, 0.15), 0px 0px 6px rgba(112, 188, 242, 0.2);
    background-color: white;
    border-radius: 8px;
    z-index: 5;
    transition: top 1s, opacity 2s;
}

.m-box-item-benefit.starter{
    opacity: 0;
    top: 50px;
}


.m-div-img{
    /* width: 51.61%; */
}

.m-div-img img{
    /* max-width: 51.61%; */
    max-height: 64px;
    width: auto;
}

.m-box-item-benefit .m-div-content{
    height: 24px;
    margin-top: 8.06%;
    /* padding-bottom: 8.06%; */
    margin-bottom: 3.125%;
    padding-left: 7.26%;
    padding-right: 7.26%;
}


.m-div-benefit-item .m-bg-membership{
    bottom: 0px;
    top: auto;
    z-index: 1;
}



.m-swiper .customer-logo-swiper .customer-logo-image{
    max-width: 87px;
}
.m-swiper .customer-logo-swiper .customer-logo-image .image-cell{
    height: 28px;
}
.m-swiper .customer-logo-swiper .customer-logo-image img{
    max-height: 27px;
}

.m-bg-why{
    width: 31.88%;
    position: absolute; 
    left: 50%;
    top: -18px;
    margin-left: -15.94%;
    z-index: 5
}

.m-div-why-booster{
    margin-top: 9.05%;
    position: relative;
    z-index: 100;
}

.m-div-why-booster .m-title{
    position: relative;
    z-index: 10;
}

.m-div-why-booster .m-content{
    width: 67.81%;
    margin-top: 2.81%;
    position: relative;
    z-index: 10;


}

.m-div-why-booster-list-container{
    width: 100%;
    margin-top: 6.97%;
    position: relative;
    display: flex;
}

.m-list-left{
    width: 10.5875%;
    margin-left: 9.6875%;
    margin-right: 5.6625%;
    padding-top: 11.875%;
}

.m-list-right{
    width: 10.5875%;
    margin-left: 5.6625%;
    margin-right: 9.6875%;
    padding-top: 11.875%;
}

.m-why-booster-item{
    width: 100%;
    margin-bottom: 206.61%;
    position: relative;
}

.m-list-left .m-why-booster-tooltip{
    width: 489.965%;
    margin-left: 135.7733%;
    margin-top: -30%;
    padding: 11px 12px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(34, 157, 255, 0.3);
    border-radius: 8px;
    z-index: 9999;
}

.m-list-right .m-why-booster-tooltip{
    width: 489.965%;
    margin-right: 135.7733%;
    margin-top: -50%;
    padding: 11px 12px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #FFFFFF;
    box-shadow: 0px 0px 30px rgba(34, 157, 255, 0.3);
    border-radius: 8px;
    z-index: 9999;
}

.m-tooltip-content{
    margin-top: 4px;
}


.m-why-booster-item img{
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    opacity: 1;    
    transition: left 1s, top 1s, opacity 2s;
    z-index: 9;
}

.m-div-why-booster.starter .m-why-booster-item img{
    opacity: 0;
}

.m-div-why-booster.starter .m-list-left .m-why-booster-item:nth-child(1) img{
    top: 50px;
    left: 50%;
}

.m-div-why-booster.starter .m-list-left .m-why-booster-item:nth-child(2) img{
    top: 0px;
    left: 50%;
}

.m-div-why-booster.starter .m-list-left .m-why-booster-item:nth-child(3) img{
    top: -50px;
    left: 50%;
}

.m-div-why-booster.starter .m-list-right .m-why-booster-item:nth-child(1) img{
    top: 50px;
    left: -50%;
}

.m-div-why-booster.starter .m-list-right .m-why-booster-item:nth-child(2) img{
    top: 0px;
    left: -50%;
}

.m-div-why-booster.starter .m-list-right .m-why-booster-item:nth-child(3) img{
    top: -50px;
    left: -50%;
}


.m-why-booster-item .m-item-content{
    margin-left: 10.59%
}

.m-why-booster-item .content-description{
    margin-top: 2.38%;
}

.m-list-content{
    width: 47.875%;
    position: relative;
    /* background-image: url(../img/why-member-booster/why-mb/phone-backgound.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; */
}

.m-phone-container{
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    box-shadow: 0px 0px 44px -11px #d2d2d2;
    border-radius: 14.5% / 7%;


}

.m-div-phone-content-gallery{
    /* width: 90.522%; */
    width: 93%;
    margin: 4.63% auto;
    margin-top: 4%;
    position: relative;
    display: block;
    overflow:hidden;
    z-index: -1;
}

.m-div-phone-content-gallery img{
    /* width: 102%; */
    width: 99.5%;
    margin-top: 0px;
    margin-left: 1px;
    border-radius: 10px;
    /* margin-top: 12%; */
    /* width: 90.522%;
    margin: 4.63% auto;
    position: relative;
    display: block; */
}

.m-bg-img-fire{
    /* width: 100%; */
    width: 20%;
    position: absolute;
    /* top: -10px; */
    top: 40%;
    /* margin-top: 100px; */
    /* left: 50%; */
    left: 40%;
    /* margin-left:-10%; */
    z-index: -1;
    /* transition: width 1s, left 1s, margin-left 1s, margin-top 1s, transform 0.5s ease-in-out; */
    transition: transform 0.5s ease-in-out;
    transform: rotate(180deg);
}

/*
.m-div-why-booster.starter .m-bg-img-fire{
    width: 20%;
    transform: rotate(360deg);
}
*/

.m-why-booster-list{
    width: 100%;
    /* margin-top: 13.38%; */
    margin-top: 3.38%;
    padding-top: 0.1px;
    padding-left: 15%;
    padding-right: 11.25%;
    display: flex;
    flex-direction: column;
    /* outline: 1px solid blue; */
}

.m-div-for-your-brand{
    width: 100%;
    /* height: 346px; */
    position: relative;
    margin-top: -13.125%;
}

.m-div-for-your-brand .m-bg-container{
    width: 100%;
    top: 1%;
    position: absolute;
    /* position: relative; */
    overflow: hidden;
}

/*
.m-bg-for-your-brand{
    width: 147.325%;
    position: relative;
    left: -22.1875%;
}
*/

.m-bg1-for-your-brand{
    width: 100%;
    /* margin-top: 23.9%; */
    margin-top: 16%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.m-bg2-for-your-brand{
    width: 100%;
    margin-top: 30%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.m-main-bg-for-your-brand{
    width: 244.375%;
    margin-top: -2%;
    position: relative;
    left: -15%;
    transition: left 1.5s;
    transform: scaleX(-1);
}

.m-div-for-your-brand.starter .m-main-bg-for-your-brand{
    /* left: -142%; */
    left: -127%;
}


.m-div-for-your-brand .m-item-content-container{
    width: 65.94%;
    /* height: 156px; */
    /* margin: 45.3125% 0px; */
    /* margin: 31.25% 0px; */
    margin-top: 28.25%;
    margin-bottom: 34.25%;
    position: relative;
    top: 0px;
    opacity: 1;
    overflow: hidden;
    transition: top 1s, opacity 2s;
}

.m-div-for-your-brand .m-item-content-container.starter{
    top: 50px;
    opacity: 0;
}



.m-div-for-your-brand .m-text-title{
    font-weight: bold;
    color: #ffffff;
}

.m-div-for-your-brand .m-text-content{
    margin-top: 4.74%;
    padding: 0px 5%;
    color: #ffffff;
}

.m-div-for-your-brand .m-item-content{
    width: 100%;
    margin-top: 20%;
    margin-bottom: 27%;
    flex-direction: column;
}

.m-div-for-your-brand .m-swiper-pagination-noimg{
    position: relative;
    margin-top: -30px;
}

.m-div-for-your-brand .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    border : 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-radius: 50%;
}

.m-div-for-your-brand .swiper-pagination-bullet-active {
    width: 12px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 20px;
}

.m-div-for-your-brand .m-fyb-shape-1{
    width: 9.98%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 29.85%;
    margin-left: 2.91%;
}

.m-div-for-your-brand .m-fyb-shape-2{
    width: 5.43%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 31.87%;
    margin-left: 31.25%;
}

.m-div-for-your-brand .m-fyb-shape-3{
    width: 10.64%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 31.3125%;
    margin-left: 74.375%;
}

.m-div-for-your-brand .m-fyb-shape-4{
    width: 7.82%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 48.88%;
    margin-left: 0%;
}

.m-div-for-your-brand .m-fyb-shape-5{
    width: 7.63%;
    position: absolute;
    top: 0px;
    right: 0px;
    margin-top: 42.5625%;
    margin-left: 0%;
}

.m-div-for-your-brand .m-fyb-shape-6{
    width: 16.54%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 61.3125%;
    margin-left: 15%;
}

.m-div-for-your-brand .m-fyb-shape-7{
    width: 8.48%;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 60.0625%;
    margin-left: 83.125%;
}




.m-bg-bottom-for-your-brand{
    width: 54.375%;
    position: absolute;
    bottom: 0%;
    right: -10.775%;
    z-index: 1;
}

.m-bg-fire-for-your-brand{
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin-bottom: -26.82%;
}

.m-div-plus-point{
    width: 100%;
    position: relative;
    margin-top: -10.9375%;
    padding-left: 6.25%;
    padding-right: 6.25%;
    overflow: hidden;
}

.bg-plus-point-middle-left{
    width: 100%;
    margin-top: 40%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.bg-plus-point-middle-right{
    width: 100%;
    margin-bottom: -3%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.m-div-plus-point .bg-plus-point-dotpurple-portrait{
    width: 27.1875%;
    margin-left: 18.4375%;
    margin-top: 25.9%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.m-div-plus-point .bg-plus-point-dot-blue{
    width: 66.4%;
    margin-left: -11.5625%;
    margin-bottom: 20.5%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.m-div-plus-point .m-item-content{
    margin-left: 6%;
    margin-right: 0px;
}

.m-plus-point-item{
    /* margin-bottom: 20.71%; */
    margin-bottom: 25%;
}

.m-plus-point-item img{
    width: 47.14%;
    position: relative;
    opacity: 1;
    left: 0px;
    transition: left 1s, opacity 2s;
}

.m-plus-point-item.starter img{
    opacity: 0;
    left: -30%;
}

.m-plus-point-item .m-item-content{
    position: relative;
    opacity: 1;
    left: 0px;
    transition: left 1s, opacity 2s;
}

.m-plus-point-item.starter .m-item-content{
    opacity: 0;
    left: 30%;
}

.m-plus-point-item.right{
    flex-direction: row-reverse;
}

.m-plus-point-item.right.starter img{
    opacity: 0;
    left: 30%;
}

.m-plus-point-item.right .m-item-content{
    margin-left: 0px;
    /* margin-right: 13%; */
    margin-right: 8%;
    padding-left: 5%;
}

.m-plus-point-item.right.starter .m-item-content{
    opacity: 0;
    left: -30%;
}

.m-div-plus-point .m-item-content .m-description{
    margin-top: 7.43%;
}


.m-div-what-client-say{
    width: 100%;
    padding-top: 0.1px;
    /* margin-bottom: 12.5%; */
    position: relative;
    top: -40px;
    overflow: hidden;
}

/*
.m-bg-what-client-say{
    width: 100%;
    position: absolute;
}
*/

.m-bg1-what-client-say{
    width: 100%;
    margin-top: 0%;
    position: absolute;
    top: 4%;
    left: 0px;
}

/*
.m-main-bg-what-client-say{
    width: 307.07%;
    margin-top: -35.5%;
    position: absolute;
    top: 0px;
    left: -175%;
    transition: left 2s;
}
*/

.m-main-bg-what-client-say{
    width: 300%;
    margin-top: -43.5%;
    position: absolute;
    top: 25%;
    right: -19%;
    transition: right 2s;
}

.m-div-what-client-say.starter .m-main-bg-what-client-say{
    right: -127%;
}

.m-div-what-client-say .m-item-content{
    width: 100%;
    /* margin-top: 13%; */
    /* margin-top: 16%; */
    margin-top: 30%;
    margin-bottom: 20%;
    position: relative;
    top: -30px;
    opacity: 1;
    flex-direction: column;
    transition: top 1s, opacity 2s;
}

.m-div-what-client-say .m-item-content.starter{
    top: 20px;
    opacity: 0;
}



.m-div-what-client-say .m-description{
    width: 84.025%;
    margin-top: 3.125%;
    padding-left: 1%;
    padding-right: 1%;
    position: relative;
}


.m-div-what-client-say .m-text-title,
.m-div-what-client-say .m-text-content{
    color: #ffffff;
}

.m-opening-quote{
    width: 18px;
    position: absolute;
    top: -18px;
    left: -4px;
}

.m-closing-quote{
    width: 18px;
    position: absolute;
    bottom: -8px;
    right: -4px;
}

.m-div-what-client-say .m-logo{
    width: 9.06%;
    margin-top: 3.125%;
    margin-bottom: 3px;
}

.m-div-what-client-say .m-text-position{
    font-style: italic;
    font-weight: 300;
    font-size: 8px;
    line-height: 9px;
    color: #FFFFFF;
}

.m-div-feature{
    width: 100%;
    padding-top: 0.1px;
    margin-top: -80px;
    position: relative;
}

.m-feature-title{
    width: 100%;
    margin-top: 10%;
    margin-bottom: 5.75%;
    position: relative;
}

.m-bg-title-feature{
    width: 63.75%;
    position: relative;
    margin: 0px auto;
    /* position: absolute;
    left: 50%;
    margin-left: -31.875%;
    top: 0;
    margin-top: -7.1875%; */
    z-index: -1;
}

.m-feature-title .m-title-section{
    margin-left: -8.63%;
}

.m-feature-image{
    width: 50.94%;
    /* margin-bottom: 12.5%; */
    margin-bottom: 5.5%;
    margin-top: 5.625%;
    display: block;
    position: relative;
    left: 0px;
    opacity: 1;
    transition: left 1s, opacity 2s;
}

.m-div-feature.starter .m-feature-image{
    left: 30%;
    opacity: 0;
}

.m-div-feature .m-item-content{
    flex-direction: column;
}

.m-div-feature .m-item-content div{
    position: relative;
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 2s;
}

.m-div-feature.starter .m-item-content div{
    top: 50px;
    opacity: 0;
}

.m-div-feature .m-item-content .m-text-title{
    font-weight: bold;
}

.m-div-feature .m-description{
    width: 77.8125%;
    /* margin-top: 4.6875%; */
    margin-top: 2;
    margin-bottom: 3.125%;
}


.m-div-feature .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 7px !important;
    border : 1px solid #F44F2B;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-radius: 50%;
}

.m-div-feature .swiper-pagination-bullet-active {
    opacity: 0.2;
}

.m-div-feature .swiper-pagination-bullet.custom-active {
    width: 12px;
    background-color: #F44F2B;
    border-radius: 20px;
    opacity: 1;
}

.m-feature-swiper-pagination{
    width: 62px !important;
    height: 15px !important;
    overflow: hidden !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.m-bg-feature{
    width: 100%;
    margin-bottom: -16%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.m-feature-counter{
    margin-top: 3px;
    margin-bottom: 7px;
    font-style: normal;
    font-weight: normal;
    font-size: 8px;
    line-height: 15px;
    color: rgba(244, 79, 43, 0.5);
}

.m-content-feature-swiper{
    overflow: hidden;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.07);  
}

.m-div-pricing{
    width: 100%;
    /* margin-top: 34.5625%; */
    margin-top: 15%;
    padding-top: 0.1px;
    position: relative;
    /* outline: 1px solid blue; */
}

.m-pricing-title{
    width: 100%;
    /* margin-bottom: 28.44%; */
    /* margin-bottom: 14.0625%; */
    margin-bottom: 3%;
    position: relative;
}

.m-bg-title-pricing{
    width: 51.25%;
    position: relative;
    margin: 0px auto;
    /* position: absolute;
    left: 50%;
    margin-left: -25.625%;
    top: 0;
    margin-top: -7%; */
    z-index: -1;
}

.m-pricing-title .m-title-section{
    margin-left: -7.08%;
}

.m-pricing-card-container{
    width: 100%;
    overflow: hidden;
}

.m-pricing-card-gallery{
    width: 78.125%;
    margin-left: auto;
    margin-right: auto;
}

.m-pricing-card-gallery .swiper-wrapper{
    display: flex;
    align-items: center;
}

.m-pricing-card{
    width: 100%;
    padding-top: 0.1px;
    padding-bottom: 0.1px;
    position: relative;
    opacity: 1;
    top: 0px;
    overflow: hidden;
    border-radius: 20px;
    background-color: #FAFCFF;
    box-shadow: 0px 5px 20px rgba(34, 157, 255, 0.15);
    transition: top 1s, opacity 2s;
}

.m-pricing-card-container.starter .m-pricing-card{
    top: 50px;
    opacity: 0;
}


.m-pricing-card .m-title{
    margin-top: 7.252%;
    /* margin-bottom: 4.06%; */
    margin-bottom: 7.548%;
}

.m-div-price{
    width: 100%;
    padding: 0.1px 0px;
    background-color: #283148;
}

.m-pricing-card.long .m-div-price,
.m-pricing-card.long .m-button-request-demo{
    background-image: url(../img/pricing/bg-header-text.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.m-price-table{
    /*width: 72.4%;*/
    margin: 4.4% auto;
    margin-bottom: 2.4%;
    display: table;
    color: #FFFFFF;
}

.m-price-upto{
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    font-size: 20px;
}

.m-price-content{
    width: 72.4%;
    display: table-cell;
}

.m-div-line{
    width: 100%;
    border: 0.5px solid #FFFFFF;
    margin: 5.52% 0px;
    margin-top: 3%;
}

.m-price-content .m-text-title,
.m-price-content .m-text-content{
    color: #FFFFFF;
}

.m-price-content .m-text-price {
    font-size: 1.4em;
}

.m-price-amount{
    width: 53%;
    display: inline-flex;
    justify-content: flex-end;
}

.m-extra-notes{
    font-size: 8px;
    line-height: 24px;
    color: #283148;
    opacity: 0.5;
}

.m-div-pricing-point{
    width: 67.888%;
    margin: 4.868% auto 9% 22.512%;
    /* margin: 1.868% auto 6% 22.512%; */
    /* outline: 1px solid green; */
}

.m-point-items{
    display: flex;
    align-items: center;
}

.m-point-items img{
    width: 10px;
    float: left;
}

.m-point-items div{
    margin-left: 8.67%;
}

.m-div-line-dashed{
    width: 60.28%;
    border: 0.5px dashed #283148;
    margin: 0px auto 5.6% auto;
    /* margin: 0px auto 3.6% auto; */
}

.m-button-request-demo{
    width: 87.6%;
    height: 53px;
    margin-bottom: 4.8%;
    position: relative;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    color: #FFFFFF;
    background-color: #283148;
    border-radius: 4px;
    border: 0px;
}

.m-button-request-demo:focus{
    outline: none;
}

.m-extra-info{
    /* margin-bottom: 14.4%; */
    /* margin-bottom: 3.4%; */
    margin-bottom: 6%;
}

.m-pricing-card.long .m-extra-info{
    /* margin-bottom: 10.4%; */
    /* margin-bottom: 3.4%; */
    margin-bottom: 6%;
}

.m-bg-pricing{
    width: 67.656%;
    margin-bottom: -9.432%;
    margin-left: -8.8%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.m-pricing-card.long .m-bg-pricing{
    width: 97.36%;
    margin-bottom: -3.432%;
    margin-left: -15.48%;
}

.m-div-pricing .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 7px !important;
    border : 1px solid #F44F2B;
    background-color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    border-radius: 50%;
}

.m-div-pricing .swiper-pagination-bullet-active {
    width: 12px;
    background-color: #F44F2B;
    border-radius: 20px;
    opacity: 1;
}

.m-pricing-swiper-pagination{
    margin-top: 9%;
    text-align: center;
}

.m-bg-pricing-bottom{
    width: 80.39%;
    margin-left: -23.125%;
    margin-bottom: 33.2%;
    position: absolute;    
    left: 0px;
    bottom: 0px;

}

.m-bg-pricing-middle{
    width: 100%;
    /* margin-left: 6.25%; */
    margin-top: 38%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.m-div-showcase{
    /* margin-top: 21.6875%; */
    margin-top: 15%;
    padding-bottom: 0.1px;
    position: relative;
    /* overflow: hidden; */
}

.m-showcase-title{
    position: relative;
    margin-bottom: 10%;
}

.m-div-img-container{
    width: 100%;
    /* width: 120%; */
    /* margin-bottom: 14%; */
    position: relative;
    overflow: hidden;
}

.m-bg-title-showcase{
    width: 66.5625%;
    position: relative;
    /* position: absolute;
    left: 50%;
    margin-left: -33.28125%;
    top: 0;
    margin-top: -5%; */
    margin: 0px auto;
    z-index: -1;
}

.m-showcase-title .m-title-section{
    margin-left: -10%;
}

.m-bg-phone{
    width: 133.05625%;
    margin-left: -13.75%;
    margin-top: 5.3125%;
    position: relative;
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 2s;
}

.m-div-showcase.starter .m-bg-phone{
    top: 50px;
    opacity: 0;
}

.m-bg-fire-showcase{
    width: 102.284%;
    margin-left: -27%;
    margin-bottom: -7%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.m-bg-showcase-dotblue-portrait{
    width: 33.94%;
    margin-left: -3.4375%;
    margin-bottom: -23%;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.m-bg-showcase-dotpurple{
    width: 69.63125%;
    margin-top: 10%;
    margin-right: -29%;
    position: absolute;
    top: 0px;
    right: 0px;
}

.m-div-showcase .m-div-img-container .swiper-pagination{
    bottom: 0px;
}

.m-div-showcase .m-div-img-container .showcase-swiper{
    padding-bottom: 15%;
}

.m-div-showcase .m-div-img-container .showcase-item img{
    width: 120%;
    margin-left: -10%;
}

.m-div-showcase .m-div-img-container .showcase-item .showcase-logo img{
    width: 65%;
    margin-left: 0px;
}

.m-div-showcase .m-div-img-container .showcase-item .bg-grey{
    width: 120%;
    margin-left: -10%;
}

.m-div-showcase .m-div-img-container .showcase-item .showcase-content{
    left: 50%;
}

.m-div-showcase .m-div-img-container .showcase-item .showcase-content h4{
    width: 150%;
    margin-left: -25%;
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
}

.m-contact-title{
    position: relative;

}

/* .m-bg-title-contact{
    width: 66.5625%;
    position: absolute;
    left: 50%;
    margin-left: -33.28125%;
    top: 0;
    margin-top: -6%;
    z-index: -1;
} */

.m-bg-title-contact{
    width: 66.5625%;
    position: relative;
    margin: 0px auto;
    z-index: -1;
}

.m-contact-title .m-title-section{
    margin-left: -10.82%;
}

.m-title-section{
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -8px;
}

.m-contact-content{
    width: 74.0625%;
    /* margin-top: 5.3125%; */
    margin-top: -20px;
    margin-bottom: 6.875%;
}

.m-contact-form{
    width: 84.375%;
}

#m-contact-form .m-contact-item{
    width: 100%;
    height: 25.94px;
    margin-bottom: 3.73%;
    font-size: 9px;
    line-height: 24px;
    color: #283148;
    box-shadow: 0px 1px 3px rgba(40, 49, 72, 0.1);
    -webkit-appearance: none;
    border-radius: 4px;
}

#m-contact-form textarea.m-contact-item{
    height: 83px;
}

#m-contact-form .m-contact-item::placeholder{
    opacity: 0.3;
}
#m-contact-form .m-contact-item:-ms-input-placeholder{
    opacity: 0.3;
}
#m-contact-form .m-contact-item::-ms-input-placeholder{
    opacity: 0.3;
}

#m-contact-form  .m-btn-contact-submit{
    width: 43.33%;
    height: 28px;
    padding: 0px;
    margin: 0px auto;
    display: block;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
    border-radius: 40px;
    border: none;
    background-image: linear-gradient(115.48deg, #0AE3FF -18.31%, #5A65E3 127.77%);
}

#m-contact-form .m-btn-contact-submit:focus{
    outline: none;
}

.m-map-container{
    width: 100%;
    margin: 10.3125% auto;
}

.m-flag-container{
    width: 84.375%;
    position: relative;
}

.m-map{
    width: 84.375%;
    display: block;
}








.m-div-btn-scrolltop{
    width: 100%;
    height: 30px;
}

.m-btn-scrolltop{
    width: 30px;
    /* margin-left: calc(95% - 30px); */
    margin-left: 5%;
    position: relative;
    bottom: 0px;
    z-index: 9999;
}




.m-div-footer{
    padding-top: 0.1px;
    position: relative;
    overflow: hidden;
}

/*
.m-bg-footer{
    width: 187.79%;
    margin-left: -38.3156%;
    margin-top: -12.5%;
    position: absolute;
    top: 0px;
    left: 0px;
}
*/

.m-main-bg-footer{
    /* width: 277.1875%; */
    width: 285%;
    margin-top: 0%;
    position: absolute;
    top: 0px;
    left: -109.0625%;
    transition: left 1s;
}

.m-div-footer.starter .m-main-bg-footer{
    left: 0%;
}






.m-bg1-footer{
    width: 100%;
    margin-top: 1.6%;
    position: absolute;
    top: 0px;
    left: 0px;
}

.m-div-free-demo{
    width: 100%;
    margin-top: 22%;
    position: relative;
    top: 0px;
    opacity: 1;
    overflow: hidden;
    transition: top 1s, opacity 2s;
}

.m-div-free-demo.starter{
    top: 50px;
    opacity: 0;
}

.m-div-free-demo.m-text-content{    
    color: #ffffff;
}

.m-div-form{
    margin: 6% 0px;
    position: relative;
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 2s;
}

.m-div-form.starter{
    top: 50px;
    opacity: 0;
}

/* .m-input-text{
    width: 87.1875%;
    height: 18px;
    border: 0px;
    border-radius: 49px;
    background-color: #FFFFFF;
} */

.m-textedit-btn-group{
    width: 87.30%;
    margin: auto;
    position: relative;
}

.m-textedit-btn-group .m-input-text{
    width: 100%;
    height: 24px;
    border: 0px;
    border-radius: 49px;
    background-color: #FFFFFF;
    padding-left: 15px;
    padding-right: 25%;
}
.m-button{
    width: 25%;
    height: 22px;
    position: absolute;
    top: 1px;
    right: 1px;
    font-weight: bold;
    font-size: 12px;
    line-height: 9px;
    color: #FFFFFF;
    border-radius: 40px;
    border: none;
    background-image: linear-gradient(116.96deg, #0AE3FF -18.31%, #5A65E3 127.77%);
}

button#btn-submit:active{
    background-image: linear-gradient(0deg, rgba(11, 31, 93, 0.2), rgba(11, 31, 93, 0.2)), linear-gradient(96.27deg, #4ABFFE -7.26%, #851AF0 153.22%);
    background-blend-mode: multiply, normal;
}

.m-input-text:focus,
.m-button:focus{
    outline: none;
}

.m-div-notif{
    width: 100%;
    padding-top:3%;
    padding-bottom:3%;
    position: fixed;
    /* top: 12.9%; */
    top: 53px;
    background-color: #ffffff;
    box-shadow: 3px 4px 20px rgba(0, 0, 0, 0.1);
    z-index: 9999999999;
    transition: top 1s;
}

.m-div-notif.m-hide{    
    top: 1%;
    z-index: 99999;

    /* top: 5px; */
}

.m-notif-icon{
    width: 2.3%;
    margin-right: 2.3%;
}

.m-error-notif-text,
.m-success-notif-text{
    font-style: italic;
    font-weight: normal;
    font-size: 10px;
    line-height: 18px;
}

.m-error-notif-text{
    color: linear-gradient(178.51deg, #FF9CA8 11.19%, #E31D35 100.94%);
}

.m-success-notif-text{
    color: #55CDFE;
}

.m-div-footer .m-div-line{
    width: 56.5625%;
    border: 0.5px solid #FFFFFF;
    position: relative;
    margin: 0px auto;
}

.m-div-social-media{
    width: 100%;
    margin-bottom: 3.375%;
    margin-top: -2%;
    position: relative;
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 2s;
}

.m-div-social-media.starter{
    top: 50px;
    opacity: 0;
}

.m-logo-black-white{
    width: 25.9375%;
    float: left;
    margin-left: 5%;
}

.m-logo-fb{
    width: 5%;
    margin-top: 6%;
    margin-left: 5.92%;
    margin-right: 6.25%;
    float: right;
}

.m-logo-instagram{
    width: 5%;
    margin-top: 6%;
    float: right;
}

.m-footer-menu{
    width: 100%;
    padding-left: 12.8125%;
    margin-bottom: 5%;
    position: relative;
    top: 0px;
    opacity: 1;
    transition: top 1s, opacity 2s;
}

.m-footer-menu.starter{
    top: 50px;
    opacity: 0;
}

.m-div-address-container{
    width: 86%;
    margin: 7px 7% 14px 7%;
    position: relative;
    top: 0px;
    opacity: 1;
    display: flex;
    flex-direction: column;
    transition: top 1s, opacity 2s;
}

.m-div-address-container.starter{
    top: 50px;
    opacity: 0;
}

.m-div-address.small{
    width: 48%;
}

.m-div-address.long{
    width: 100%;
}

.m-div-address-top{
    width: 100%;
    display: flex;
}

.m-div-address-bottom{
    width: 100%;
    margin-top: 7.08%;
    display: flex;
}

.m-div-address{
    width: 51.87%;
    position: relative;
    display: flex;
}

.m-div-address div{
    color: #ffffff;
}

.m-address-title{
    margin-bottom: 3px;
}

.m-div-hk{
    width: 72%;
}

.m-div-vn{
    width: 87.14%;
}

.m-address{
    font-size: 9px;
    line-height: 15px;
}


.m-div-marker{
    width: 8.18%;
    margin-right: 5.46%;
    margin-top: 4px;
}
.m-marker{
    width: 100%;
    position: relative;
}

.m-div-marker .fa{
    font-size: 14px;
}






.m-footer-menu-item{
    margin-bottom: 3.125%;
}

.m-footer-menu-item a.m-text-content{
    line-height: 12px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}

.m-copyright{
    width: 100%;
    margin-bottom: 3.75%;
    position: relative;
    top: 0px;
    font-size: 8px;
    line-height: 9px;
    letter-spacing: -0.01em;
    opacity: 0.5;
    transition: top 1s, opacity 2s;
    color: #FFFFFF;
}

.m-copyright.starter{
    top: 50px;
    opacity: 0;
}

.m-text-title{
    font-style: normal;
    font-weight: 900;
    font-size: 14px;
    line-height: 16px;
    color: #283148;
}

.m-text-title.super-big{
    font-weight: bold;
    font-size: 20px;
    line-height: 23px;
}

.m-text-content{
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
    color: #283148;
}

.m-text-content.bold{
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
}

.m-text-content.medium-tall{
    line-height: 20px;
}

.m-text-content.tall{
    line-height: 24px;
}

.m-text-content.small{
    font-size: 8px;
    line-height: 12px;
}

.m-text-content.small-tall{
    font-size: 8px;
    line-height: 15px;
}

.m-text-content.super-small{
    font-size: 6px;
    line-height: 10px;
    color: #F44F2B;
}

.m-middle{
    display: flex;  
    align-items: center;
    justify-content: center;
}

.m-center{
    text-align: center;
}

.m-center-self{
    margin-left:auto;
    margin-right:auto;
}

.modal{
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 99;
}


@media (min-width: 420px) {
    .m-div-notif,
    .nav-menu{
        top: 60px;
    }

    .m-div-logo{
        width: 150px;
    }

}


@media (min-width: 480px) {
    .m-content,
    .m-text-content,
    .m-text-content.small-tall,
    .m-text-content.small,
    .m-div-what-client-say .m-text-position,
    .m-feature-counter,
    .m-error-notif-text, 
    .m-success-notif-text,
    .m-text-membership{
        font-size: 13px;
        line-height: 18px;
    }

    .m-text-content.medium-tall {
        line-height: 25px;
    }

    .m-btn-get-this-app img{
        width: 222px;
    }

    .m-text-title{
        font-size: 17px;
    }

    .m-text-content.bold {
        font-size: 13px;
        line-height: 22px;
    }

    .m-btn-scrolltop{
        width: 45px;
    }

    .m-extra-notes {
        font-size: 13px;
        line-height: 28px;
    }

    .m-text-title.super-big{
        font-size: 24px;
        line-height: 28px;
    }

    .m-input-text{
        height: 30px;
        font-size: 13px;
        margin-left: 15px;
    }

    .m-button{
        height: 28px;
        font-size: 13px;
    }

    .nav-menu .nav-content a{
        font-size: 18px;
        line-height: 21px;
    }

    .nav-menu.active{
        /* bottom: 60px; */
        height: 350px;
    }

    .m-div-notif,
    .nav-menu {
        top: 75px;
    }

    .m-div-logo{
        width: 175px;
    }
}

@media (min-width: 600px) {
    .m-text-membership{
        font-size: 16px;
    }

    .m-title-membership{
        font-size: 40px;
    }

    .m-btn-get-this-app img{
        width: 270px;
    }

    .m-text-title{
        font-size: 20px;
    }

    .m-content,
    .m-text-content.small-tall,
    .m-text-content.small,
    .m-div-what-client-say .m-text-position,
    .m-feature-counter,
    .m-error-notif-text, 
    .m-success-notif-text,
    .m-text-content{
        font-size: 16px;
        line-height: 20px;
    }

    
    .m-text-content.bold {
        font-size: 16px;
        line-height: 26px;
    }

    .m-text-content.medium-tall {
        line-height: 30px;
    }

    .m-text-content.tall{
        line-height: 35px;
    }

    .m-extra-notes {
        font-size: 16px;
        line-height: 32px;
    }

    .m-text-title.super-big{
        font-size: 28px;
        line-height: 32px;
    }

    .m-input-text{
        height: 36px;
        margin-left: 15px;
        font-size: 16px;
    }

    .m-button{
        height: 34px;
        font-size: 16px;
    }

    ::-webkit-input-placeholder { /* Edge */
        font-size: 16px;
        opacity: 0.8;
    }

    :-ms-input-placeholder { /* Internet Explorer */
        font-size: 16px;
        opacity: 0.8;
    }

    ::placeholder {
        font-size: 16px;
        opacity: 0.8;
    }


    .nav-menu .nav-content a{
        font-size: 21px;
        line-height: 24px;
    }

    .nav-menu.active{
        /* bottom: 40px; */
        height: 370px;
    }

    .m-div-notif,
    .nav-menu {
        top: 95px;
    }

    .m-div-logo{
        width: 218px;
    }

    .m-div-address-container{
        margin-top: -16px;
        margin-bottom: 32px;
        flex-direction: row;
    }

    .m-div-address.small{
        width: 51%;
    }

    .m-div-address-top{
        width: 65%;
    }
    .m-div-address-bottom{
        width: 35%;
        margin-top: 0px;
        padding-left: 5%;
        flex-direction: column;
    }    

    .m-div-address-bottom .m-div-address{
        width: 100%;
    }

    .m-div-address-bottom .m-div-marker{
        margin-right: 8.5%;
    }

    .m-div-marker{
        margin-top: 8px;
    }

    .m-div-marker .fa{
        font-size: 17px;
    }

    .m-div-hk{
        width: 77%;
    }
}