@media only screen and (max-width:600px) {
    .text_s ul li {
        font-size: 16px;
    }
    .we_can_use li a img {
        width: 70%;
    }
    .we_can_use li {
        font-size: 13px;
    }
    footer , .globally {width: 100%; float: left;} 
    .text_s {margin-top: 30px;}
    .challenges::before , .advice::before  {
        background-size:cover;
        -webkit-background-size: cover;
        width: 64%;
    }
    /* .challenges .row {flex-direction: column-reverse;} */
    .challenges img {margin: 0 auto; float: none; max-width: 70%;}
    .letter_b {
        font-size: 170vw;
    }
    .advice .order-1 {
        -ms-flex-order: 3;
        order: 3;
        margin-top: 30px;
    }
    .advice .order-2 {
        -ms-flex-order: 2;
        order: 2;
    }
    .advice .order-3 {
        -ms-flex-order: 1;
        order: 1;
    }
    .solution .d-flex ul {
        max-width: 200px;
        flex: 0 0 200px;
        padding: 0 0 0 90px;
        position: relative;
    }
    .solution .nav li a {
        font-size: 16px;
    }
    .solution .tab-content ul {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
    }
    .challenges::before, .advice::before {
        background-size: cover;
        -webkit-background-size: cover;
        width: 100%;
    }
    h1 {
        font-size: calc(32px + (50 - 22) * ((100vw - 300px) / (1920 - 300)));
    }
    h3 {
        font-size: calc(28px + (38 - 18) * ((100vw - 300px) / (1920 - 300)));
    }
    .banner p {
        font-size: 14px;
    }
    .box3.m-t-80 {
        margin-top:0 !important;
    }
    .advice {
        padding: 50px 0 0;
    }
    .advice .btn-theme , .btn.btn-theme {
        font-size: 14px;
    }
    .bluebg .btn{
        padding: 10px 30px;
    }
    .solution .tab-content ul {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 15px 0;
    }
    .benefits .letter_b , .much_more .letter_b{
        font-size: 150vw;
    }
    .collaborate .s3 {
        width: 150px;
        height: 145px;
    }
    .collaborate .s9 {
        width: 180px;
        height: 150px;
    }
    .about1 img {margin-bottom: 15px;}
    .continuously .box2 {
        padding: 50px 20px 20px;
    }
    .pbag , .doc1, .pro1 , .pro2{
        width: 20%;
    }
    .coffee {
        width: 30%;
    }
    .inner .shape4 {
        width: 120px;
    }
    .device-frame {
        width: 157px;
    }
    .content-text {
        width: calc(100% - 168px);
    }
    .content {
        padding: 0 15px;
    }
    .slide {
        top: 15px;
    }
    .device_pic {
        right: calc(100% + 22px);
        top: 50px;
        width: 125px;
    }
    .f7 {
        width: 450px;
        height: 445px;
    }
    .f8 {
        top: -40px;
        width: 100px;
        height: 105px;
    }
    .fea2 .order-2 {
        -ms-flex-order: 1;
        order: 1;
    }
    .fea2 .order-1 {
        -ms-flex-order: 2;
        order: 2;
    }
    .cbox::before {
        width: 140px;
        height: 120px;
    }
    .cbox {
        padding: 140px 15px 10px;
        min-height: 270px;
    }
    .cbox span {
        top: 12%;
        font-size: 28px;
    }
}

@media only screen and (max-width:575px) {
    .globally_list {margin-top: 15px;}
    .solution .d-flex {
        flex-direction: column;
    }
    .tab-content {
        padding: 20px 25px 20px;
    }
    h4 {
        font-size: 20px;
    }
    .box2 {
        border-radius: 15px;
        padding: 30px 25px 30px;
        margin: 20px 0;
        -webkit-box-shadow: 1px 1px 15px 2px rgba(0,0,0,0.10);
        -moz-box-shadow: 1px 1px 15px 2px rgba(0,0,0,0.10);
        box-shadow: 1px 1px 15px 2px rgba(0,0,0,0.10);
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -ms-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
        transition: all 1s ease-out;
        min-height: 300px;
    }
    .globally_list li {
        width: 33.333%;
    }
    .solution .d-flex ul {
        max-width: 100%;
        flex: 0 0 100%;
        width: 100%;
        padding: 0 0 0 90px;
        position: relative;
    }
    .form-tabs {display: none;}
    .solution .selecttext {display: block; margin-bottom: 15px;}
    .solution .container-fluid , .solution .col-md-11 , .much_more .container-fluid , .much_more .col-sm-10{padding-right:15px;}
    .solution .row , .much_more .row{margin-right:-15px;}
    .solution .tab-content ul {
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        margin: 15px 0;
    }
    .p-t-30 {
        padding-top: 0;
    }
    .about1 .row {flex-direction: column-reverse;}
    .cbox {
        padding: 140px 15px 10px;
        min-height: inherit; margin-bottom: 25px;
    }
}

@media only screen and (max-width:480px) {
    .we_can_use li {
        width: 46%;
    }
    h2 {
        font-size: calc(28px + (40 - 18) * ((100vw - 300px) / (1920 - 300)));
    }
    .card-header .btn {
        font-size: 16px;
    }
    .we_can_use li {
        font-size: 11px;
    }
    h3 {
        font-size: calc(24px + (38 - 18) * ((100vw - 300px) / (1920 - 300)));
    }
    .challenges::before, .advice::before {
        width: 50%;
    }
}

@media only screen and (max-width:414px) {
    .device-frame {
        width: 127px;
    }
    .content-text {
        width: calc(100% - 138px);
    }
    .device_pic {
        width: 98px;
    }
    .content-text h2 {
        font-size: calc(21px + (40 - 18) * ((100vw - 300px) / (1920 - 300)));
        line-height: 1;
    }
}

@media only screen and (max-width:385px) {
    .text_s ul li {
        font-size: 14px;
    }
    .challenges img {
        max-width: 90%;
    }
}

@media only screen and (max-width:375px) {

}

@media only screen and (max-width:320px) {

}