@media screen and (max-width: 767px) {
    html, body  {
        overflow-x: hidden;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .cnt-blk {
       min-width: 320px;
       max-width: 767px;
       width: 100%;
       padding: 0 16px;
    }

    .cnt-blk.cnt-wide-blk {
        width: 100%;
    }

    header {
        padding: 12px 0;
        margin: 0 0 32px 0;
    }

    header .lg {
        height: 42px;
    }

    header .lg span {
        display: none;
    }

    header .btn-mobile {
        display: inline-block;
    }

    header .btn-desktop {
        display: none;
    }

    header .col-sm-8 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    header .col-sm-4 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .show-mobile-menu {
        margin-left: 25px;
    }

    .title-blk {
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
    }

    .virtual-office {
        margin: 0 0 120px 0;
    }

    .virtual-office .title-blk {
        margin: 0 0 12px 0;
    }

    .virtual-office .title-blk br {
        display: none;
    }

    .virtual-office .desktop-text {
        display: none;
    }

    .virtual-office .mobile-text {
        display: block;
        margin: 0 0 32px 0;
    }

    .virtual-office .subtitle-blk {
        font-size: 20px;
        font-weight: 500;
        line-height: 28px;
    }

    .tab-blk .tab-links-blk ul {
        margin: 0 -11px;
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        display: block;
    }

    .tab-blk .tab-links-blk ul::-webkit-scrollbar {
        display: none;
    }


    .tab-blk .tab-links-blk ul li a {
        font-size: 16px;
        font-weight: 400;
        padding-left: 36px;
        background-position: 4px 4px;
    }

    .virtual-office .text-blk {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .virtual-office .desktop-img {
        display: none;
    }

    .virtual-office .mobile-img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        border-radius: 9.5px;
    }

    .organize-work .title-blk br {
        display: none;
    }

    .organize-work .title-blk br.mobile  {
        display: block;
    }

    .organize-work .title-blk {
        margin: 0 0  40px 0;
    }

    .mobile-char {
        display: block;
        width: 32px;
        height: 32px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        border: 1px solid #000000;
        color: #000000;
        text-align: center;
        padding: 7.5px 0;
    }

    .organize-work .mobile-char {
        margin: 0 0 8px 0;
    }

    .organize-work .subtitle-blk,
    .follow-work .subtitle-blk
     {
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
    }

    .organize-work .mobile-img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        border-radius: 9.5px;
    }

    .organize-work .desktop-img {
        display: none;
    }

    .organize-work {
        margin: 0 0 40px 0;
    }

    .follow-work {
        margin: 0 0 80px 0;
    }

    .follow-work .e {
        padding: 0;
        background: transparent;
    }

    .follow-work .e.e1 {
        padding: 0;
        margin-bottom: 40px;
    }

    .follow-work .mobile-char {
        margin: 0 0 8px 0;
    }

    .follow-work .text-blk {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
    }

    .follow-work .e1 .img {
        display: none;
    }

    .follow-work .e1 .mobile-img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        -moz-box-shadow: 0px 19.0968px 28.6452px rgba(0, 0, 0, 0.12);
        border-radius: 9.5px;
    }

    .communication .cnt-blk {
        background: #FFFFFF;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        padding: 40px 16px 48px 16px;
    }

    .communication .title-blk {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px;
        margin: 0 0 40px 0;
    }

    .communication .mobile-char {
        margin: 0 0 8px 0;
    }

    .communication .subtitle-blk {
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
    }

    .communication .subtitle-blk br {
        display: none;
    }

    .communication .subtitle-blk br.mobile-small,
    .communication .title-blk br.mobile-small {
        display: block;
    }

    .communication .img-blk {
        text-align: left;
        padding: 0px 0 0 20px;
    }

    .communication .img-blk .i1 {
        width: 93px;
        height: 93px;
    }

    .communication .img-blk .i2 {
        margin: -10px 0 0 -10px;
        width: 84px;
        height: 84px;
    }

    .communication .mobile-img {
        margin: 0 -16px;
        padding: 33px 25px;
        min-height:  148px;
    }

    .communication .mobile-i1 {
        margin-top: -55px;
    }

    .communication .mobile-img img {
        width: 500px;
        height: 80px;
    }

    .communication .col-sm-5 .subtitle-blk {
        display: block;
        text-align: left;
    }

    .communication .mobile-i2 {
        margin-top: -33px;
    }

    .communication .img {
        margin-top: 0;
    }

    .communication .mobile-i2 img {
        margin-left: calc(-160% - 16px);
    }

    .discussion {
        display: none;
    }

    .graph-rate {
        padding: 40px 0 20px 0;
        background-image: none;
        background-image: url(../images/mobile_bg_1.jpg);
    }

    .graph-rate .title-blk {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px;
        width: 80%;
        margin: 0 0 24px 0;
    }

    .graph-rate .title-blk br {
        display: none;
    }

    .graph-rate .text-blk {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        width: 80%;
        margin: 0 0 27px 0;
    }

    .graph-rate .graph-rate-head .e {
        padding: 8px 16px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        white-space: nowrap;
    }

    .graph-rate .graph-rate-head .e1 {
        margin-bottom: 25px;
    }

    .graph-rate .graph-rate-head .e2 {
        margin-left: 81px;
    }

    .graph-rate .graph-rate-head {
        margin: 0 0 46px 0;
    }

    .graph-rate .fly-blocks {
        margin: 0;
    }

    .mobile-img.tablet-img {
        display: none;
    }

    .graph-rate .transparent-process {
        margin: 120px 0 0 0;
    }

    .graph-rate .transparent-process .title-blk {
        margin-bottom: 0;
    }

    .graph-rate .transparent-process .subtitle-blk {
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
        width: 80%;
    }

    .graph-rate .transparent-process .subtitle-blk.s1 {
        margin-top: 40px;
    }

    .graph-rate .transparent-process img {
        max-width: 100%;
        max-height: 100%;
    }

    .graph-rate .transparent-process .subtitle-blk.s2 {
        margin: 20px 0 0px 0;
    }

    .graph-rate .transparent-process .mobile-blk {
        display: block;
        position: relative;
        margin: -25px -7.5% 0 -7.5%;
        padding: 0 0 0 16px;
        text-align: right;
    }

    .graph-rate .transparent-process .i2 {
        display: none;
    }

    .graph-rate .transparent-process .row {
        margin: 0 -15px;
    }

    .tariff {
        padding: 80px 0 110px 0;
    }

    .tariff .title-blk {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px;
    }

    .tariff .tariff-list-blk {
        margin: 0 0 0 0;
    }

    .tariff .tariff-list-blk .e {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        background-color: #ffffff;
        min-height: 222px;
    }

    .tariff .tariff-list-blk .e .in-blk {
        padding: 16px 16px 120px 16px;
    }

    .tariff .tariff-list-blk .e .in-blk .t {
        margin: 0 0 12px 0;
        text-align: left;
        font-weight: 500;
        font-size: 16px;
        line-height: 24px;
    }

    .tariff .tariff-list-blk .e .in-blk .u {
        text-align: left;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
    }

    .tariff .tariff-list-blk .e .in-blk .u i {
        margin: 0;
    }

    .tariff .tariff-list-blk .e .in-blk .ft {
        text-align: left;
        padding: 0px 16px;
        bottom: 16px;
    }

    .tariff .tariff-list-blk .e .in-blk .ft .p {
        text-align: left;
        font-weight: 500;
        font-size: 18px;
        line-height: 26px;
    }

    .tariff .tariff-list-blk .e .in-blk .ft a {
        background: #4353FF;
        border-radius: 16px;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        padding: 10px 12px;
        color: #ffffff;
        font-weight: 500;
        display: inline-block;
    }

    .tariff .tariff-list-blk .e.hit .h {
        padding: 8px 12px;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        font-size: 16px;
        line-height: 24px;
        color: #0B1B29;
        font-weight: 500;
        right: 5px;
        top: 5px;
        margin: 0;
        left: auto;
    }

    .banner {
        margin: 0 0 160px 0;
    }

    .banner .banner-blk {
        background-image: none;
        min-height: 312px;
        margin: 0;
    }

    .banner .banner-blk .in-blk {
        background-image: none;
        padding: 40px 40px 48px 40px;
        min-height: 312px;
    }

    .banner .banner-blk .title-blk {
        font-weight: 600;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 16px;
    }

    .banner .banner-blk .txt-blk {
        margin: 0px 0px 32px 0;
    }


    footer .text-left,
    footer .text-right
    {
        text-align: center !important;
        line-height: 48px;
    }

    .mobile-img.small-mobile-img {
        display: block;
    }

    .follow-work .e2 img {
        max-height: 392px;
    }

}

@media screen and (max-width: 330px) {
    .show-mobile-menu {
        margin-left: 10px;
    }

}