@media only screen and (max-width: 1680px) {
    .gchat-design {
        margin: 30px 0 0 0;
    }
}

@media only screen and (max-width: 1440px) {
    .gchat-design {
        left: -30px;
        top: 60px;
    }
    .banner-wrap .container {
        padding: 0 40px;
    }
    .ban-phone-wrap {
        transform: scale(0.7) translateX(-50px) translateY(240px);
        -webkit-transform: scale(0.7) translateX(-50px) translateY(240px);
    }
}

@media only screen and (max-width: 1280px) {
    .gchat-design {
        left: -70px;
    }
    .gchat-design .list {
        font-size: 14px;
        padding: 15px 25px;
    }
    .gchat-design {
        width: 280px;
    }
    .streamline-wrap h2 {
        font-size: 32px;
    }
    .streamline-wrap h3 {
        font-size: 16px;
        width: 600px;
    }
    #commets-sld {
        width: 800px;
    }
    #commets-sld .item p {
        font-size: 20px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .ban-lcontent {
        width: 400px;
        padding: 0 0 60px 40px;
    }
    .ban-lcontent h1 {
        font-size: 30px;
    }
    .ban-lcontent h2 {
        font-size: 15px;
    }
    .gchat-design {
        left: -130px;
    }
    .gchat-design .list:last-child {
        left: 0;
    }
    .gchat-design .list figure {
        left: auto;
        right: -95px;
    }
    .download-ltf {
        width: 450px;
        padding: 0 0 0 40px;
    }
    .download-ltf .hd {
        font-size: 30px;
    }
    footer {
        padding: 30px 20px 55px;
    }
    .streamline-list-wrap .list .hd {
        font-size: 18px;
    }
    .streamline-list-wrap .list p {
        font-size: 16px;
    }
    .streamline-list-wrap {
        padding: 0 30px 0 380px;
    }
    .streamline-list-wrap .png.phone {
        transform: scale(0.8) translateY(90px) translateX(30px);
        -webkit-transform: scale(0.8) translateY(90px) translateX(30px);
    }
    .flyx-voice-wrap {
        min-height: 640px;
    }
    .flyx-vcs {
        padding: 100px 0 0 50px;
    }
    .gchat-design {
        top: 10px;
    }
    .ban-phone-wrap {
        width: 540px;
        transform: scale(0.6) translateX(140px) translateY(240px);
        -webkit-transform: scale(0.6) translateX(140px) translateY(240px);
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .streamline-list-wrap .png.phone,
    .streamline-list-wrap .png.char,
    .streamline-list-wrap .png.char-1 {
        display: none;
    }
    .streamline-list-wrap {
        padding: 0 30px;
    }
    #streamlinelist {
        justify-content: flex-start;
    }
    .streamline-list-wrap .list {
        padding: 0 20px 80px;
    }
    .streamline-wrap {
        padding: 60px 0 0;
    }
    .streamline-wrap h3 {
        margin: 0 auto 60px;
    }
    .flyx-comments-wrap {
        padding: 60px 0 60px;
    }
    #commets-sld .owl-nav {
        text-align: center;
        margin: 40px 0 0;
    }
    #commets-sld .owl-prev,
    #commets-sld .owl-next {
        position: static;
        display: inline-block;
        margin: 0 10px;
    }
    .banner-wrap {
        background-position: bottom center;
        padding-bottom: 600px;
    }
    .ban-lcontent {
        width: calc(100% + 80px);
        padding: 0 90px 60px;
        margin: 0 -40px 0;
        float: none;
        overflow: hidden;
    }
    .gchat-design {
        width: 280px;
        display: table;
        left: -450px;
    }
    .flydes {
        transform: scale(0.7) translateX(110px);
        -webkit-transform: scale(0.7) translateX(110px);
    }
    .download-ltf {
        width: 480px;
        padding: 0 40px 0 40px;
    }
    .download-ltf .hd {
        font-size: 30px;
    }
    footer {
        padding: 30px 20px 55px;
    }
    .foot-upper-panel .foot-social-nav {
        width: 40%;
    }
    .foot-upper-panel .foot-nav {
        width: 60%;
    }
    .foot-upper-panel .foot-nav li a {
        font-size: 14px;
        padding: 5px 20px 5px 0;
    }
    .ban-phone-wrap {
        transform: scale(0.7) translateX(60px) translateY(90px);
        -webkit-transform: scale(0.7) translateX(60px) translateY(90px);
    }
    .flyx-vcs {
        width: 620px;
        padding: 50px 0 0 50px;
    }
    .flyx-voice-wrap {
        min-height: 570px;
    }
}

@media only screen and (max-width: 767px) {
    .streamline-list-wrap .png.phone,
    .streamline-list-wrap .png.char,
    .streamline-list-wrap .png.char-1 {
        display: none;
    }
    .streamline-list-wrap {
        padding: 0 30px;
    }
    #streamlinelist {
        justify-content: flex-start;
    }
    .streamline-list-wrap .list {
        padding: 0 20px 30px;
        width: 100%;
    }
    .streamline-wrap {
        padding: 60px 0 0;
    }
    .streamline-wrap h3 {
        margin: 0 auto 60px;
        width: 100%;
        padding: 0 20px;
        font-size: 14px;
    }
    .streamline-list-wrap .list .hd {
        font-size: 18px;
    }
    .streamline-list-wrap .list p {
        font-size: 15px;
    }
    .flyx-comments-wrap {
        padding: 60px 0 60px;
    }
    #commets-sld {
        width: 100%;
    }
    #commets-sld .owl-nav {
        text-align: center;
        margin: 40px 0 0;
    }
    #commets-sld .owl-prev,
    #commets-sld .owl-next {
        position: static;
        display: inline-block;
        margin: 0 10px;
    }
    #commets-sld .item {
        padding: 0 20px;
    }
    .banner-wrap {
        /* background-image: url(../images/bg-1.jpg);
        background-position: bottom center;
        padding-bottom: 670px; */
        min-height: 600px;
        padding: 0px 0 40px;
    }
    .flyx-vcs .subhd {
        font-size: 14px;
        padding: 0;
    }
    .flyx-vcs .hd {
        font-size: 26px;
    }
    .flyx-voice-wrap {
        background-image: url(../images/bg-1.jpg);
        background-position: bottom center;
        padding-bottom: 200px;
    }
    .ban-lcontent {
        width: calc(100% + 80px);
        padding: 0 30px 60px;
        margin: 0 -40px 0;
        float: none;
        overflow: hidden;
    }
    .gchat-design {
        width: 250px;
        display: table;
        left: -110px;
        top: -10px;
    }
    .flydes {
        transform: scale(0.7) translateX(110px);
        -webkit-transform: scale(0.7) translateX(110px);
    }
    .download-ltf {
        width: 100%;
        padding: 0 40px 0 40px;
        text-align: center;
    }
    .download-ltf .hd {
        font-size: 30px;
    }
    footer {
        padding: 10px 20px 25px;
    }
    .download-ltf a {
        display: table;
        margin: 0 auto;
    }
    .foot-upper-panel .foot-social-nav {
        width: 100%;
        justify-content: center;
        padding: 10px 0 0 0;
    }
    .foot-upper-panel .foot-nav {
        width: 100%;
    }
    .foot-upper-panel .foot-nav li a {
        font-size: 13px;
        padding: 0 6px;
    }
    nav ul {
        justify-content: center;
        width: 100%;
    }
    nav {
        width: 100%;
        display: none;
    }
    .ban-lcontent h1 {
        font-size: 24px;
    }
    .ban-lcontent h2 {
        font-size: 16px;
    }
    .streamline-wrap h2 {
        font-size: 22px;
        width: 100%;
    }
    .flydes {
        display: none;
    }
    .foot-upper-panel .copyright {
        text-align: center;
        width: 100%;
    }
    .ban-phone-wrap {
        display: none;
    }
    .flyx-vcs {
        width: 100%;
        padding: 40px 20px;
    }
    .foot-upper-panel {
        flex-direction: column-reverse;
    }
}