/* pc */

@media screen and (min-width: 2100px) and (max-width: 3940px){
    .tp-doorway-top:after,
    .tp-doorway-top.purple:after {
        height: 130px;
    }
}
@media screen and (min-width: 2048px) {
    .mio .integrationImgs .top {
        margin: 0 auto;
    }
}
@media screen and (max-width:1500px) {
    /*.visual-box {
        position: absolute;
        top: 190px;
        right: 0;
        width: 626px;
        height: 478px;
    }*/
    .mio .integrationImgs .top,
    .mio .integrationImgs .btm{
        width: 1543px;
    }
    .visual-box{
        right: -80px;
    }
}
@media screen and (max-width: 1350px){
    header {
        height: auto;
        z-index: 6;
    }
    header.scrolled{
        transition: none;
    }

    .header-top {
        background: #f7f9fc;
    }

    .header-top .inner {
        justify-content: flex-end;
        width: 100%;
        height: 60px;
        padding: 0 10px;
    }
    .nav {
        width: 100%;
        height: 64px;
        padding: 0 16px;
        justify-content: center;
    }

    .nav.on {
        position: fixed;
        z-index: 1;
        width: 100%;
        height: 100%;
        padding: 0;
    }

    .nav.on:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
    }

    .nav .logo {
        position: absolute;
        margin-right: 0;
        top: 17px;
        z-index: 2;
    }

    .nav .logo img {
        width: 100px;
    }
    .nav.on .logo{
        display: none;
    }
    .mobile-logo{
        display: block;
        margin-bottom: 32px;
        text-align: center;
    }
    .tp-ico-arrow {
        display: inline-block;
    }
    .mobile-button {
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
        position: absolute;
        top: -60px;
        left: 0;
        width: 60px;
        height: 60px;
        padding: 15px;
        border: 0;
        transition: all cubic-bezier(.680, -.550, .265, 1.550) .5s;
    }

    .mobile-button span {
        height: 2px;
        border-radius: 2px;
        background-color: #3C4147;
        transition: transform .2s ease-out, opacity .1s ease;
    }

    .mobile-button.active {
        justify-content: center;
    }

    .mobile-button span:nth-child(1) {
        width: 24px;
    }

    .mobile-button span:nth-child(2) {
        width: 19px;
    }

    .mobile-button span:nth-child(3) {
        width: 24px;
    }

    .mobile-button.active span:nth-child(1) {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(45deg);
    }

    .mobile-button.active span:nth-child(2) {
        opacity: 0;
    }

    .mobile-button.active span:nth-child(3) {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        transform: rotate(-45deg);
    }

    .nav .btnWrap {
        display: none;
    }

    .nav-list {
        width: 100%;
        overflow-y: auto;
        display: none;
        position: fixed;
        left: -100%;
        height: 100%;
        padding-top: 18px;
        background: #fff;
        transition: left .2s;
        z-index: 1;
    }

    .nav.on > .nav-list {
        top: 60px;
        left: 0;
    }

    .nav-item {
        float: none;
        width: 100%;
        text-align: left;
    }

    .nav-item-type02 .nav-sub {
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        padding: 0 0 0 50px;
    }
    .nav-item-type02 .nav-sub.nav-sub-type02{
        padding: 0 0 0 30px;
    }
    .nav-item-type02 .nav-sub > li {
        width: 100%;
    }
    .nav-item-type02 .sub-title{
        margin-bottom: 10px;
    }
    .nav-item-type02 .nav-sub > li:first-child {
        margin-top: 0;
    }
    .nav-item-type02 .nav-sub > li + li{
        margin-top: 20px
    }
    .nav .nav-toggle-target{
        padding-bottom: 10px;
    }
    .nav-item-type02 .nav-toggle-group{
        padding-right: 3px;
    }
    .nav .nav-toggle-target {
        display: none;
    }
    .nav-item-type02 .nav-toggle-group .sub-title{
        position: relative;
        cursor: pointer;
    }
    .nav-toggle-group .tp-ico-arrow{
        display: inline-block;
    }
    .nav-anchor-dp1 {
        padding: 6px 15px;
        font-weight: 600;
        font-size: 16px;
    }
    .nav-anchor-dp1.active,
    .nav-anchor-dp1:focus,
    .nav-anchor-dp1:hover{
        color: #01BAEF;
    }

    .nav-sub {
        position: static;
        width: 100%;
        min-width: auto;
        height: 0;
        padding: 0 0 0 30px;
        transition: opacity .5s;
        transform: translateX(0);
        box-shadow: none;
        border-top: 0;
        opacity: 0;
    }

    .nav-item + .nav-item {
        margin-top: 8px;
        padding-left: 0;
    }

    .nav-sub:after {
        background: none;
    }

    .nav-anchor-dp1 .tp-ico-arrow {
        right: 15px;
    }
    .nav-anchor-dp2 {
        display: block;
        padding: 0px 0 9px;
    }

    .nav-anchor-dp2.nav-toggle-btn {
        padding-right: 0;
    }

    .nav-anchor-dp2 .tp-ico-arrow {
        right: 29px;
    }

    .nav-anchor-dp3 {
        font-size: 12px;
    }

    .nav .btn-book-demo,
    .nav .btn-free-trial {
        display: none;
    }

    .covid-menu,
    .contact-form-menu {
        display: block;
    }

    .header-console {
        flex-direction: column-reverse;
    }

    .link-covid {
        display: none;
    }

    .link-text.btn-contact-us {
        padding-left: 0;
        margin-left: 0;
        background: none;
    }
    .main-visual {
        min-height: 440px;
    }

    .main-visual .inner {
        width: 100%;
    }
    .main-visual:after{
        height: 86px;
        background-size: contain;
    }

    .visual-box {
        display: none;
    }
    .content_box{
        width: 100%;
        padding: 0 30px;
    }
    .text-box {
        padding-top: 0px;
        text-align: center;
    }

    .text-box h2 {
        margin-top: 16px;
    }

    .main-visual .btn-box {
        justify-content: center;
        margin-top: 44px;
    }
    .sub .study_case .bg_text .logo_box{
        /*width: auto;*/
    }
    .tp-doorway-top h1 {
        text-align: left;
    }

    .tp-doorway-top .content_box .txtBox h2{
        text-align: center;
    }
    .tp-doorway-top .content_box .txtBox .location ul {
        justify-content: left;
        flex-wrap: wrap;
    }
    .tp-doorway-top.small .content_box{
        padding-left: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1280px) {
    .tp-doorway-top h1 {
        text-align: center;
    }
    .tp-doorway-top .content_box .txtBox .location ul {
        justify-content: center;
    }
    .section + .section.download-handout{
        margin-top: 60px;
    }
    .pcVer {
        display: none;
    }
    .noPc {
        display: inline-block;
    }

    body {
        overflow-x: hidden;
    }


    .bot_sitemap .menu_box:first-child {
        width: 100%;
    }

    .sitemap_menu {
        padding: 0;
    }
    .bot_sitemap .menu_box {
        width: 45%;
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(1) {
        margin-top: 30px;
    }

    .bot_sitemap .menu_box:nth-of-type(2) {
        margin-right: 2.5%;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .bot_sitemap .menu_box:nth-of-type(3) {
        margin-left: 2.5%;
    }
    .bot_sitemap .menu_box:first-child ul{
        width: 50%;
    }
    .sela_logo {
        display: block;
        position: relative;
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .bot_copy {
        width: 100%;
        text-align: center;
    }

    .bot_copy ul li {
        display: inline-block;
        float: none;
    }

    .bot_copy p {
        left: 0;
        width: 100%;
        text-align: center;
    }

    .sns_box {
        padding: 0 0 0 0;
        text-align: center;
    }
    .tp-doorway-top,
    .tp-doorway-top.purple{
        min-height: 254px;
        margin-top: 60px;
        padding: 102px 15px 1px;
    }

    .tp-doorway-top .content_box{
        /*min-height: 180px;*/
        display: block;
        padding: 0;
    }

    .tp-doorway-top .content_box .txtBox{
        padding-bottom: 50px;
    }
    .tp-contact-banner .form_box .actions{
        margin-top: 72px;
    }
    /*.hs-submit{
        width: 144px !important;
        height: 46px!important;
        text-align: center !important;
    }*/
    .tp-contact-banner .form_box .actions .hs-button {
        width: 144px;
        height: 46px;
        padding: 0;
        line-height: 20px;
    }
    .contact_banner .form_box p{
        width: 100%;
        left: 50% !important;
        transform: translateX(-50%)!important;
        bottom: 123px !important;
    }

    #container {
        position: relative;
        z-index: 3;
    }

    .inner-13 {
        width: 100%;
    }

    .inner-13.wk {
        padding-top: 33%;
    }

    .section + .section {
        margin-top: 60px;
    }

    .inner {
        width: 100%;
        padding: 0 16px;
    }

    .main-roll {
        margin-top: 40px;
        margin-bottom: 50px;
    }

    .logoroll .roll_left {
        left: 10px;
    }

    .logoroll .roll_right {
        right: 10px;
    }


    .btn-box {
        text-align: center;
    }
    .intro.text.medium {
        font-size: 15px;
    }



    .hover-card li {
        width: 50%;
        height: auto;
        margin-top: 20px;
    }

    .hover-card li button {
        width: 100%;

    }

    .hover-card li button img {
        width: 100%;

    }
    .get-measurable-results {
        height: auto;
        padding-bottom: 40px;
    }

    .get-measurable-results .jumbotron-list {
        padding: 0;
    }

    .get-measurable-results .jumbotron-list .title span {
        padding: 0 10px 10px 0;
    }

    .get-measurable-results .text-group {
        margin: 0;
    }

    .get-measurable-results .jumbotron-list .jumbotron-rate {
        position: static;
    }
    .get-measurable-results .jumbotron .text-group{
        width: 100%;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate ul{
        flex-wrap: wrap;
        gap: 1%;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate li{
        width: 49%;
        height: auto;
        margin-bottom: 2%;
        padding: 16px 18px;
        font-size: 12px;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate li strong{
        font-size: 26px;
        line-height: normal;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate li span{
        font-size: 26px;
    }

    .jumbotron-type01 .text-group,
    .jumbotron-type01.reverse .text-group {
        max-width: 100%;
    }

    .get-measurable-results .jumbotron-list .web-img {
        position: static;
    }

    .section .inner-13.wk .wkbh {
        padding: 60px;
        border-radius: 0;
    }

    .jumbotron-list {
        margin-top: 0px;
    }


    .sub,
    .sub.tp-door-container{
        margin-top: 60px;
    }
    .jumbotron-list .btn-console {
        justify-content: center;
    }

    /* common jumbotron */
    .jumbotron {
        flex-direction: column-reverse;
    }

    .jumbotron + .jumbotron {
        margin-top: 60px;
    }

    #container .jumbotron.reverse {
        flex-direction: column-reverse;
    }

    .jumbotron-list .web-img {
        display: none;
    }

    .jumbotron img {
        max-width: 100%;
    }

    .jumbotron .mobile-img {
        display: block !important;
        margin: 20px auto 30px;
    }
    .why-trumpia-type .sub .jumbotron .web-img{
        display: none;
    }

    .jumbotron .text-group,
    .jumbotron.reverse .text-group {
        max-width: 100%;
        margin: 45px 0 0 0;
    }

    .jumbotron .text-group .title,
    .jumbotron .text-group .desc {
        text-align: center;
    }

    .jumbotron iframe {
        max-width: 100%;
    }

    /* jumbotron-type01 */
    .jumbotron-type01 .overflow-right,
    .jumbotron-type01 .overflow-left {
        position: static;
    }

    /* jumbotron-type02 */
    .jumbotron-type02 {
        width: 100%;
    }

    .jumbotron-type02 .thumb-group img {
        width: 100%;
    }

    .jumbotron-type02 .thumb-group button {
        top: auto;
        bottom: -28px;
        transform: translate(-50%, 0);
    }

    .jumbotron-type02 .text-group {
        display: block;
        padding: 56px 26px 45px;
        margin: 0;
        border-radius: 0 0 8px 8px;
    }

    .jumbotron-type02 .text-group .title,
    .jumbotron-type02 .text-group .desc {
        text-align: left;
    }

    /* jumbtron-type03 */
    .jumbotron-type03 {
        flex-direction: row;
        padding: 30px 80px;
    }

    .jumbotron-type03 p {
        font-size: 28px;
    }

    /* jumbotron-type04 */
    .jumbotron-type04 {
        align-items: center;
    }
    .section-bg01.bg{
        padding-bottom: 40px;
    }

    .service-list {
        margin-top: 0;
    }

    .service-list li {
        width: 32%;
        margin: 2% 0 0 0;
        margin-right: 0;
    }

    .customer-group .customer-list-wrapper {}

    .customer-group .customer-list-item {
        width: 100%;
        height: auto;
    }

    .customer-group .customer-list-item .txtWrap p {
        max-width: 100%;
    }

    .customer-group .btn-console {
        position: static;
        margin-top: 20px;
        transform: translateX(0);
    }

    .get-started-easily .text-group {
        margin: 0;
    }

    .get-started-easily .bg-img {
        opacity: 0 !important;
    }
    #wrap .news-group{
        margin-top: 60px;
    }

    .marketing-list li {
        width: 33.3333%
    }
    .wkbh .jumbotron .text-group .title{
        font-size: 22px;
    }
    .marketing-list li:nth-child(9) ~ li {
        display: none;
    }

    .integrationImgs {
        display: none;
    }

    .customer-group .customer-list-item {
        padding: 28px 29px;
    }

    .customer-group .customer-list-item .txtWrap {
        padding-top: 74px;
        text-align: center;
        background-position: center 0px;
    }
    .tp-doorway-top:after,
    .tp-doorway-top.purple:after{
        display: none;
    }

    .tp-door-cont [class*=tp-side-]:first-child {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .tp-door-cont [class*=tp-side-img]:nth-child(2n-1) {
        margin-left: 0px;
    }

    .tp-door-cont [class*=tp-side-img]:nth-child(2n) {
        margin-right: 0;
    }
    .sub .tp-door-cont.tp-bg-type02.smsMk [class*=tp-side-img]:nth-child(2n){
        margin-bottom: 0;
    }
    .sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(even){
        margin-left: 0;
    }
    .sub.solution .tp-door-banner{
        margin: 60px 0px 0;
    }
    .sub .tp-door-cont.tp-bg-type02.survey .tp-door-side .tp-side-img{
        margin-bottom: 0;
    }
    .tp-door-cont .tp-side-img img {
        display: block;
        /*max-width: 100% !important;*/
        margin: 40px auto 0;
    }
    .advantage_list ul.center{
        justify-content: center;
    }
    .advantage_list ul.center li:nth-child(1) {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .advantage_list ul.center li:nth-child(2) {
        margin-right: 15px;
    }

    .sub .content_box .tp-side-txt.doWrap img.fix{
        width: 347px !important;
        margin-bottom: 0;
    }
    .sub .howto .content_box {
        width: 100%;
    }

    .sub .howto .content_box .tab .tabTit ul,
    .sub .howto .content_box .tab .tabTit.even ul{
        width: 100%;
    }
    .sub .overview .tp-door-list-type02 {
        display: block;
        padding: 0;
    }

    .sub .overview .tp-door-list-type02 li {
        width: 100%;
    }

    .sub .overview .tp-door-list-type02 li + li {
        margin-left: 0px;
        margin-top: 30px;
    }

    .card_overbox ul li {
        width: 48%;
        height: 245px;
    }

    .card_overbox ul li > span p {
        padding: 30px 26px 0 26px;
    }

    .card_overbox ul li > span p.bot_text {
        bottom: 30px;
    }

    .life_wrap .content_box {
        width: 100%;
        padding: 0 30px;
    }

    .liferoll_left {
        left: 0;
    }

    .liferoll_right {
        right: 0;
    }

    header {
        z-index: 6;
    }

    #container {
        position: relative;
        z-index: 3;
        /*padding: 60px 0 0 0;*/
    }

    .pop_open #container {
        z-index: auto;
    }

    #left_content.moving .content_box {
        padding: 0;
    }

    #left_content.moving .lnb {
        position: absolute;
        left: 0;
    }

    .top_banner > h1 {
        width: 100%;
        padding: 88px 30px 0 30px;
        background: url(/images/doorway/icon_car.png) no-repeat 30px top;
    }

    .core_fe .content_box {
        width: 100%;
        padding: 0 30px;
    }
    .ball_list .icon_list.list_row li {
        width: 33%;
        margin-right: 0 !important;
    }

    .sub .page_Dec {
        padding: 25px 0;
        font-size: 15px;
        line-height: 28px;
    }

    .contact_banner .content_box {
        padding: 50px 0;
    }

    .contact_banner .content_box > p {
        font-size: 30px;
    }

    .btn > span {
        height: 35px;
        line-height: 35px;
    }

    .btn > span > em {
        font-size: 14px;
    }

    .lnb {
        float: none;
        position: relative;
        width: 98%;
        margin: 0 1% 30px;
    }

    .lnb > strong {
        position: relative;
    }

    .lnb > strong:after {
        content: "";
        display: block;
        position: absolute;
        top: 13px;
        right: 20px;
        font-size: 14px;
    }

    .lnb > ul {
        display: none;
    }

    .lnb ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .lnb ul {
        overflow: hidden;
        height: 0;
        padding: 0;
    }

    .lnb ul li span br {
        display: none;
    }

    .lnb li.on a:after,
    .lnb li.on a:before {
        display: none;
    }

    .lnb ul li.on a {
        height: 0;
        min-height: auto;
        padding: 0;
        color: #a1a1a1 !important;
        font-size: 0;
        font-weight: 400;
    }

    .lnb i,
    .lnb strong {
        cursor: pointer;
    }

    .lnb i {
        position: relative;
    }

    .lnb i:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 25px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #fff transparent transparent transparent;
        transform: translateY(-50%);
    }

    .lnb span.current {
        display: block;
        width: 100%;
        min-height: 43px;
        padding: 11px 25px 12px 30px;
        font-size: 14px;
        font-weight: 700;
    }

    .lnb #omni span.current {
        color: #817dc5;
        background: #f2f2f9;
    }

    .lnb #automation span.current {
        color: #59c3c3;
        background: #eef9f9;
    }

    .lnb #core span.current {
        color: #01baef;
        background: #e5f8fd;
    }

    .lnb #enterprise span.current {
        color: #ea657b;
        background: #fdeff2;
    }

    .lnb ul.open {
        height: auto;
        transition: .3s;
    }

    .lnb #reseller ul.open {
        height: auto;
        transition: .3s;
        box-shadow: none;
    }

    .lnb #reseller span.current {
        color: #01baef;
        background: url(/images/main/lnb_bullet1.png) #e5f8fd right center no-repeat;
        background-size: 37px auto;
    }

    .left_con {
        width: 100%;
        padding: 0 30px;
    }

    .sub_tit {
        display: none;
    }

    .ball_list .title-dp3,
    .ball_list h2 {
        font-size: 25px;
    }

    .ball_list p.sub_text {
        font-size: 15px;
    }
    .ball_list.type02 .ball span {
        width: 150px;
        height: 150px;
    }
    .lnb.formboox {
        float: none;
        position: relative;
        width: 98%;
        margin: 0 1% 30px;
    }

    .lnb.formboox .logo_box {
        display: none;
    }

    .lnb.formboox li {
        float: none;
    }

    .left_con.case {
        width: 100%;
        padding: 0 30px;
    }

    .study_case p.bg_text {
        padding: 25px 30px 30px 30px;
        background-color: #817dc5;
        background-position: center top;
    }

    .study_case .imgbox {
        text-align: center;
    }

    .study_case .imgbox img {
        max-width: 320px;
    }

    .boarding_wrap {
        padding: 0;
    }

    .boarding_wrap > .box {
        width: 430px;
    }

    .boarding_wrap > .box.green {
        margin-bottom: 20px;
        background: url(/images/professional/boxbg2.png) no-repeat 231px bottom #def3f3;
    }

    .boarding_wrap > .box.purple {
        background: url(/images/professional/boxbg1.png) no-repeat 231px bottom #e6e5f3;
    }

    .login_wrap strong.logo span {
        width: 100%;
        padding: 0 30px;
    }

    .how_mms ul {
        text-align: center;
    }

    .how_mms ul li {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .target_img {
        position: relative;
        top: 0;
        left: 0;
    }

    .login_wrap strong.login_logo span {
        width: 100%;
        padding-left: 30px;
    }

    .tutorial_movie > a {
        top: 180px;
        width: 40px;
        height: 40px;
    }

    .accordion_tap {
        margin: 0 25px;
    }

    .medical_consulting .consulting_text {
        margin: 40px 25px;
    }

    .fullpage .white_box {
        width: 100%;
        padding: 40px 50px;
    }

    .fullpage {
        padding: 170px 0 50px !important;
    }

    .study_roll .lifecycle_roll .rollin {
        max-width: 945px;
    }

    .study_roll .lifecycle_roll .rollin ol li {
        width: 294px;
        margin: 0 0 0 20px;
    }

    .roi_compare .content_box {
        width: 100%
    }

    .telescript_box ul li:nth-of-type(4n+1) {
        margin: 0 0 30px 30px;
    }

    .telescript_box ul li:nth-of-type(5n+1) {
        margin: 0 0 30px 0;
    }

    .textto_use .content_box > ul > li {
        width: 48% !important;
        margin: 0 0 40px 2% !important;
    }

    .mms_iconwrap ul li {
        width: 33.3%;
        height: 300px;
    }

    .tip_con > .img_phone {
        top: 30px;
        width: 250px;
    }

    .tip_con > .img_phone img {
        width: 180px;
    }

    .tip_con:nth-of-type(1) {
        padding: 0 0 0 250px;
    }

    .tip_con:nth-of-type(2) {
        padding: 0 250px 0 0;
    }

    .wh_linebox li {
        width: 31%;
        height: 390px;
        margin-bottom: 20px;
    }

    .table_listcon > div {
        display: block;
        float: none;
        width: 100% !important;
        border-left: none;
    }

    .table_listcon:nth-of-type(1) > div:nth-of-type(1) {
        border-top: none;
        border-bottom: solid 1px #d7d7d7;
    }

    .table_listcon:nth-of-type(1) > div:nth-of-type(1) {
        float: none;
    }

    .table_listcon > div:nth-of-type(2) > div > div {
        float: none;
        width: 100% !important;
        border-left: none !important;
    }

    .table_listcon > div:nth-of-type(2) > div > div:nth-of-type(1) {
        border-bottom: solid 1px #d7d7d7;
    }

    .table_listcon1 > div {
        float: none;
        width: 100% !important;
    }

    .table_listcon1 > div:nth-of-type(1) {
        border-bottom: solid 1px #d7d7d7;
    }

    .table_listcon1:nth-of-type(2) > div {
        border-left: none !important;
    }

    .table_listcon1 .last {
        border-bottom: none !important;
    }

    .table_listcon1 > div:nth-of-type(2) {
        border-left: 0;
    }

    .accounting.top_banner > h1 {
        font-size: 40px;
        line-height: 50px;
        background-position: 30px top;
    }

    .accounting_tighten > .content_box:before {
        left: 30px;
    }

    .staffing_wrap .car_section {
        padding: 50px 0;
    }

    .top_banner > h1 {
        background-position: 30px top !important;
    }

    .btn-search {
        right: 364px;
    }

    .tp-btn-box {
        margin: 30px 0;
        padding: 0 30px;
    }

    .content_box .tp-btn-box {
        padding: 0;
    }

    .left_con .tp-btn-box {
        margin: 0;
    }

    .page_info_text .tp-btn-box {
        margin: 30px 0 0;
    }

    .tp-btn.add-icon.icon-triangle span:before {
        top: 5px;
        border-width: 6px 0 6px 12px;
    }

    .img_textbox {
        padding-bottom: 10px;
    }

    .integrations .page_dec {
        text-align: center;
    }

    .integrations_list {
        margin-top: -67px;
    }

    .zapier_table .td_left {
        width: 45%
    }

    .automation_list.li_box_type > li {
        width: 49%
    }

    .li_circle_type > li:nth-child(even),
    .li_circle_type > li:nth-child(odd) {
        margin-left: 0;
        margin-right: 0;
    }

    .li_circle_type2 > li:nth-child(even),
    .li_circle_type2 > li:nth-child(odd) {
        margin-left: 0;
        margin-right: 0;
    }

    .bot_banner.rev .contact_banner .content_box > p em {
        animation: text 1s 1;
    }

    .unions.life_car .content_box ul li {
        width: 100% !important;
        height: auto !important;
        margin: 0 0 20px 0 !important;
    }

    .tp-box-wrap {
        padding: 36px 0 50px;
    }

    .tp-box-inner {
        width: 100%;
        padding: 0 30px;
    }

    .tp-box-list li,
    .tp-box-list.type02 li {
        width: 49%;
        margin-top: 2%
    }

    .tp-box-list li:nth-child(odd) {
        float: left;
    }

    .tp-box-list li:nth-child(even) {
        float: right;
    }

    .tp-box-list li:nth-child(3n-1),
    .tp-box-list.type02 li:nth-child(3n-1) {
        margin-right: 0;
        margin-left: 0;
    }

    .tp-circle-wrap {
        padding-bottom: 75px;
    }

    .tp-circle-wrap .tp-circle-cycle .dp3 img,
    .tp-circle-wrap .tp-circle-cycle h2 img {
        width: 160px;
        height: 160px;
    }

    .automated-level .circle-list > li {
        width: 50%;
    }

    .tp-contact-banner .form_box:after {
        background-color: transparent;
    }

    .sub .doWrap {
        flex-direction: column-reverse;
    }
    .sub .targeting_example .phone_ani{
        right: 30px;
    }
    .pricing-board ul{
        margin-top: 31px;
    }
    .card-box{
        display: block;
    }
    .card-box>li{
        width: 100%;
    }

    .pricing-type .card-box .tp-btn-box{
        padding: 0 20px 30px;
        display: block;
    }
    .card-box-adv{
        background-position: 100% 0%;
    }
    .pricing-cont.why p{
        padding: 66px 0 99px 40px;
        text-align: center;
    }
    .pricing-cont.card .cardWrap .card-box li + li {
        margin-left: 0px;
        margin-top: 30px;
    }
    .pricing-board{
        padding: 20px 43px 15px;
    }
    .sub .table_box1{
        width: 100%;
    }
    .sub .table_box1:nth-of-type(1) {
        padding-right: 0px;
    }
    .sub .table_box1:nth-of-type(2) {
        padding-left: 0px;
    }
    .sub .table_box1 + .table_box1{
        margin-top: 30px;
        padding-left: 0;
    }
    .sub .affiliate_program.white .flx{
        flex-direction: column;
    }
    .sub .affiliate_program.white .right_form{
        width: 100%;
    }
    .sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row{
        display: block;

    }
    .sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row iframe{
        margin: 10px auto;
        width: 100%;
    }
    .sub.autotxtmsg .api_list ul{
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 30px;
    }
    .sub.autotxtmsg .api_list ul li{
        margin: 10px;
    }
    .sub.autotxtmsg .api_list ul li + li {
        margin-left: 10px;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li{
        width: 100%;
        margin-top: 20px;
        padding: 32px 20px;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li object{
        width: 100%;
    }
    .sub .tp-door-list-card-type04{
        display: block;
    }
    .sub .voice .tp-door-list-card-type04.column01 > li{
        width: 100%;
    }
    .sub .spt_list ul li .box {
        width: 100%;
        margin-top: 40px;
    }
    .sub .spt_list ul li .subBox.flx{
        flex-direction: column;
    }
    .sub.tcpawrap .align_wrap .align_left {
        width: 50%;
    }
    .sub.tcpawrap .align_wrap .align_left + .align_left{
        margin-left: 30px;
    }
    .sub .casecard_wrap{
        padding: 0;
    }
    .sub .study_roll .lifecycle_roll .rollin {
        max-width: 735px;
    }
    .sub .casestudy{
        width: 100%;
    }
    .sub .casestudy .form-columns-2 > div + div,
    .sub .casestudy .form-columns-1 .hs_phone{
        margin-top: 12px;
    }
    .sub .casestudy .form-columns-2 > div,
    .sub .casestudy .hbspt-form .form-columns-1,
    .sub .casestudy .hbspt-form .form-columns-2 > div{
        float: none;
        width: 100%;
    }
    .sub .casestudy .hbspt-form .form-columns-2 > div:last-child{
        margin-left: 0;
    }
    .sub .casestudy .hbspt-form .hs-submit{
        text-align: center;
    }
    .sub .casestudy .hbspt-form .actions{
        width: auto;
        min-width: auto;
        text-align: center;
    }
    .sub .casestudy .hbspt-form .form-columns-1 + .form-columns-1{
        margin-left: 0;
        padding-left: 0;
    }
    .sub .icon_textlist.tg {
        padding: 0 20px;
    }
    .sub .commkit_text .flx{
        display: block;
    }
    .sub .commkit_text .box .tp-door-title.tp-type02{
        text-align: center;
    }
    .sub .commkit_text .flx .box p{
        text-align: center;
    }
    .sub .internal-communication .commkit_text .right_form{
        margin: 40px auto 60px;
    }
    .sub .commkit_text .box{
        margin-right: 0;
    }
    .sub .compare_box{
        padding: 0px;
    }
    .sub .case_over {
        padding: 0 0px;
    }
    .sub .more_list.icon_textlist .moreadvantage_list{
        flex-wrap: wrap;
    }
    .handout-box .actions{
        width: auto;
        min-width: 170px;
    }
    .handout-box .hs-submit {
        text-align: center;
    }
    .news-group .news-list-wrapper{

        display: block;
    }
    .news-group .news-list-item{
        width: 100%;
    }
    .news-group .news-list-item + .news-list-item {
        margin-top: 40px;
        margin-left: auto;
    }
    .download-handout .hoImg{
        width: 255px;
        top: -3px;
        right: 0px;
        margin-right: 0;
    }
    .download-handout .section-title-type02{
        text-align: left;
    }
    .handout-box{
        display: block !important;
    }
    .handout-box .form-box {
        width: 100%;
    }
    .handout-box .form-box .hbspt-form label{
        display: block;
        margin-top: 12px;
    }
    .handout-box .form-columns-2 + .form-columns-2{
        margin-top: 0;
    }
    .sub .tp-door-title.tp-type02{
        padding: 0 14px;
    }
    .sub .tp-door-cont.vote .tp-door-side{
        flex-direction: column;
    }
    .sub .tp-door-cont .tp-door-side.reverse{
        flex-direction: column-reverse;
    }
    .sub .tp-door-cont.sell_more.car_section .tp-door-side.reverse{
        flex-direction: row;
    }
    .sub .tp-door-cont.vote .tp-door-side{
        padding-left: 0;
    }

    .sub .tp-door-cont.howto{
        padding: 0 15px 60px;
    }
    .sub .automation_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .sub .automation_list > li{
        width: 48%;
    }
    .automation_list > li:nth-child(3n-1){
        margin-left: 0%;
        margin-right: 0%;
    }
    .automation_list > li + li{
        margin-right: 0%;
    }
    .sub .automation_list.li_box_type {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sub .li_circle_type{
        flex-wrap: wrap;
    }
    .sub .right_form{
        margin: 40px auto 0;
    }
    .sub .white_manage .reseller_list > ul > li{
        width: 100%;
    }
    .sub .icon_textlist.compliant ul li{
        position: relative;
    }
    .pricing-cont.why p:after{
        display: block;
        position: static;
        margin: 36px auto 0;
    }
    .pricing-cont.why{
        margin-top: 60px;
    }
    .sub.solution .tp-door-list-type01>li:nth-child(2){
        margin-top: 40px;
    }
    .tp-doorway-top .content_box .iframePop {
        display: none;
    }
    .iframeBox-web{
        display: block;
        padding: 0 15px;
    }
    .iframeBox-web a {
        width: 342px;
        display: block;
        margin: 0 auto;
    }
    .iframeBox-web a img{
        width: 100%;
        height: auto;
        margin: 50px auto 0;
    }
    .sub .life_car .content_box ul li{
        height: auto;
        margin: 10px;
    }
    .sub .life_car .content_box ul li:nth-child(1){
        margin-left: 10px;
    }
    .sub .life_car .content_box ul li:nth-child(5),
    .sub .life_car .content_box ul li:nth-child(6),
    .sub .life_car .content_box ul li:nth-child(7){
        margin-top: 10px;
    }
    .sub .more_list.icon_textlist .moreadvantage_list li:first-child{
        margin-left: 6px;
    }
    .tp-doorway-top .content_box .txtBox .caseTit + p{
        /*margin-top: -50px;*/
        margin-bottom: 50px;
        text-align: center;
        font-size: 22px;
        line-height: 1.3;
    }
    .par_engage > div{
        width: 100%;
        float: none;
    }
    .par_engage > div:nth-of-type(2){
        margin-top: 35px;
        padding-left: 0;
    }
    .car_sendsms > .content_box > p:nth-of-type(1){
        margin-top: 0;
    }
    .sub .survey.tp-door-cont .tp-door-side{
        padding-left: 0;
    }
    .sub .doWrap.survey.tp-side-txt .tp-side-txt.odd{
        margin: 14px 75px 0 0;
    }
    .sub .survey .tp-door-side .tp-side-txt{
        max-width: 100%;
    }
    .sub .survey.tp-door-cont .tp-door-side.top{
        align-items: center;
    }
    .tp-door-logo .content_box{
        height: auto;
    }
    .sub.solution .tp-door-card>ul>li{
        margin-top: 16px;
    }
    .sub.solution .tp-door-cont .content_box.pd63{
        padding: 0 15px;
    }
    .sub.solution .jumbotron .text-group .tit{
        margin-top: 40px;
        text-align: center;
    }

    .logo-group img{
        margin-bottom: 30px;
    }
    .logo-group img:nth-last-of-type(1),
    .logo-group img:nth-last-of-type(2){
        margin-bottom: 0;
    }
    .logo-group object,
    .tp-door-logo object{
        margin: 15px;
    }
    .tp-door-logo .content_box img {
        margin: 15px;
    }
    .listImg{
        flex-wrap: wrap;
    }
    .sub .casecard_wrap > ul{
        width: 774px;
        margin: 0 auto -47px;
    }
    .sub .case_main .page_Dec{
        padding: 0;
    }

    .sub .accordion_text{
        display: block;
    }
    .sub .accordion_text .accordion_col {
        width: 100%;
    }
    .sub .accordion_text .accordion_col + .accordion_col{
        margin-left: 0;
        margin-top: 20px;
    }
    .faq_wrap.sub .common_tap ul{
        justify-content: space-between;
    }
    .faq_wrap.sub .common_tap ul li{
        width: auto !important;
        padding: 8px 10px;
    }
    .faq_wrap.sub .accordion_text .accordion_col{
        width: 100%;
    }
    .sub .collectTab .common_tap ul{
        justify-content: space-between;
    }
    .sub .collectTab .common_tap ul li{
        padding: 8px 17px;
    }
    .sub .collectTab .common_tap ul.cor li{
        padding: 8px 10px;
    }
    .sub.autotxtmsg .campaign {
        display: block;
    }
    .sub.autotxtmsg .campaign li{
        width: 100%;
        margin-top: 40px;
    }
    .sub .tp-door-cont .content_box .tp-side-img.iframeWrap{
        margin-right: auto;
    }
    .sub .content_box .iframeWrap.wb{
        margin-top: 60px;
    }
    .detail{
        display: none;
    }
    .sub .right_form.formboox .hbspt-form .form-columns-2 > div{
        width: calc(50% - 5px);
    }
    .beyond_mobile .tp-door-title.tp-type02{
        text-align: center;
    }
    .beyond_mobile .img_box.web-img{
        display: none;
    }
    .beyond_mobile .img_box.mobile-img{
        width: 430px;
        display: block;
        margin: 40px auto 0;
    }
    .sub .content_box .doWrap.survey.tp-side-txt .tp-side-img.mt4{
        margin-top: 40px;
    }

    .sub .smsMk .tp-door-desc {
        text-align: left;
    }
    .sub .integration_listbox{
        display: block;
    }
    .sub .integration_listbox .boxWrap + .boxWrap {
        margin-left: 0px;
        margin-top: 60px;
    }
    .sub .integration_listbox .boxWrap .tp-door-title.tp-type02{
        text-align: center;
    }
    .sub .integration_listbox .boxWrap li h3{
        font-size: 20px;
    }
    .sub .integration_listbox .boxWrap li p{
        font-size: 15px;
    }
    .sub .flWrap .flBox{
        padding-left:0;
    }
    .sub .flWrap .flBox.how_list{
        padding-left: 0;
    }
    .sub .flWrap .sizeBox-2P{
        padding-left: 0;
    }
    .sub.solution .tp-door-card>ul{
        width: 100%;
        margin: auto;
    }
    .sub.solution .tp-door-card>ul + ul{
        margin-top: 40px;
    }
    .tp-door-card>ul,
    .tp-door-card>ul+ul{
        float: none;
    }
    .sub.solution .tp-door-banner .btn-handout{
        margin: 10px auto 0;
    }
    .sub .flWrap{
        flex-direction: column;
    }
    .sub .flWrap .box + .box {
        margin-left: 0;
    }
    .sub.solution .jumbotron{
        flex-direction: column;
    }
    .sub.solution .jumbotron{
        display: block;
        text-align: center;
    }
    .sub.solution .church .jumbotron.reverse{
        flex-direction: column!important;
    }
    .sub.solution .church .jumbotron img {
        /*margin-bottom: 40px;*/
    }
    .sub .animation .content_box{
        padding-left: 30px
    }
    .sub .phone_ani{
        display: none;
    }
    .sub .animation .aniWrap ol li span{
        width: 100%;
    }
    .sub .targeting_example.big .content_box{
        padding: 0 30px;
    }
    .sub .targeting_example.big .example_list{
        padding: 0;
    }
    .sub .how_work ol > li{
        width: 100%;
    }

    .sub .tab-type01 .tab-cont li .jumbotron img{
        display: none;
    }
    .sub.solution .tp-door-cont .tp-side-img img.wtd {
        width: 300px;
        margin-bottom: 0;
    }
    .sub .img-wb .text-group .tp-door-title{
        margin-top: 0;
        text-align: center;
    }
    .sub .flxBox .text-group{
        display: block;
    }
    .sub .flxBox .text-group .pc{
        display: none;
    }
    .sub .flxBox .text-group .mo{
        display: block;
    }
    .sub .icon_textlist.campaign ul li{
        max-width: 100%;
    }
    .sub .icon_textlist.campaign ul li + li{
        margin-left: 0;
        margin-top: 30px;
    }
    .sub .icon_textlist.campaign ul li .bullet_list li + li{
        margin-top: 0;
    }
    .sub.solution .tp-door-cont .tp-side-img img{
        max-width: 370px;
    }
    .sub .adv_list{
        flex-wrap: wrap;
    }
    .sub .kit_icon .adv_list{
        flex-wrap: wrap;
    }
    .sub .kit_icon ul li{
        margin: 15px;
    }
    .sub .appointment .tp-side-img ~ .tp-side-txt,
    .sub .appointment .tp-side-txt ~ .tp-side-img{
        margin-left: 0;
    }
    .sub .kit_info{
        padding: 0px 0 38px 278px;
    }
    .sub .learn_list{
        width: 570px;
        margin: 0 auto;
        padding-left: 0;
        padding-top: 300px;
    }
    .sub .learn_list:before{
        left: 50%;
        transform: translateX(-50%);
    }
    .sub .learn_list > strong{
        text-align: left;
        font-size: 24px;
        font-weight: 600;
    }

    .sub.autotxtmsg .tp-side-img.pc img{
        width: 100%;
    }

    #contact_wrap .form_wrap{
        width: 100%;
    }
    #contact_wrap {
        padding: 60px 15px;
    }
    .forbes_wrap .cont .imgWrap img{
        width: 100%;
    }
    .sub.solution .tp-door-cont .tp-side-img img{
        margin: 0;
    }
    .sub .tp-door-cont .tp-side-img img{
        margin-bottom: 40px;
    }
    .sub .tp-door-cont.appointment .mobile-img{
        display: block;
        margin-top: 40px;
    }
    .sub .tp-door-cont.appointment .web-img{
        display: none;
    }
    .sub .flWrap .flBox h2{
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        font-size: 24px;
    }
    .sub .flWrap .flBox h2 .only-web-view {
        display: none !important;
    }
    .sub .targeting_example h3{
        padding-left: 0;
        text-align: left;
    }
    .sub .targeting_example .example_list {
        padding: 20px 0 0px 0px;
    }
    .sub .example_list ol li{
        margin-bottom: 20px;
        padding-left: 40px;
    }
    .sub .example_list ol li .only-web-view{
        display: none;
    }
    .sub .flWrap .flBox .subTxt{
        text-align: center;
        padding: 0px 15px;
    }
    .sub .flWrap .flBox.how_list ul{
        width: 100%;
        padding: 30px 20px;
    }
    .sub .flWrap .flBox.how_list ul li:nth-child(1){
        padding-top: 0;
    }
    .sub .flWrap .sizeBox-2{
        padding-left: 0;
    }
    .sub .targeting_example .trakPhone{
        display: none;
    }
    .sub .flWrap .flBox.how_list{
        margin-top: 40px;
    }
    .sub .flxBox .list-type02 > li{
        width: 50%;
    }

    .sub.solution .tp-door-list-card-type04{
        display: block;
    }
    .sub.solution .tp-door-list-card-type04.company-type>li{
        width: 100%;
    }
    .sub.solution .tp-door-list-card-type04.company-type>li + li{
        margin-top: 20px;
    }
    .sub .spt_list ul li{
        display: block;
    }
    .sub .integration_listbox .boxWrap .only-web-view{
        display: none;
    }
    .popup .hbspt-form .hs-submit .actions{
        width: auto;
        min-width: auto;
    }
    .sub .ball_list.type03 .tp-list.tp-type02 li{
        padding-bottom: 20px;
    }
    .nav-sub .diff-menu-type02 .nav-anchor-dp3{
        margin-top: 10px;
    }
    .sub .overview .tp-door-list-type02 li{
        height: auto;
    }
    .sub .icon_textlist .adList ul{
        align-items: center;
        flex-direction: column;
    }
    .sub .icon_textlist .matter_con ul{
        flex-wrap: wrap;
    }
    .sub .vote_advan .vote_advan_wrap{
        flex-direction: column;
        padding-top: 40px;
    }
    .sub .vote_advan .div{
        margin-top: 40px;
        justify-content: center;
        gap: 40px;
    }
    .sub .vote_advan .box div{
        max-width: 100%;
    }
    .sub .vote_advan .vote_advan_wrap .box.mobile{
        display: block;
        margin-bottom: 40px;
    }
    .sub .vote_advan .vote_advan_wrap .box.mobile img{
        width: 100%;
    }
    .sub .vote_advan .vote_advan_wrap .box .row.pc{
        display: none;
    }
    .sub .flxBX{
        flex-direction: column;
    }
    .sub .tp-door-cont.txtblst .tp-door-side.flx{
        padding: 0;
        gap: 0;
    }
    .sub .tp-door-cont.txtblst .tp-side-img{
        margin-bottom: 0;
    }
    .sub .tp-door-cont.txtblst .tp-side-img img{
        margin: 0;
    }
    .sub .tp-door-cont .tp-door-side.flx .tp-side-txt .tp-door-title.tp-type03{
        margin-top: 0;
        margin-bottom: 1px;
        font-size: 20px;
    }
    .sub .car_section.life_car .tp-door-side {
        flex-direction: column;
    }
    .sub .car_section.life_car .content_box .tp-side-img.mo{
        display: block;
    }
    .sub .car_section.life_car .content_box .tp-side-img img.pc,
    .sub .car_section.life_car .content_box .tp-side-img.pc{
        display: none;
    }
    .sub .car_section.life_car .content_box .tp-side-img img.mo{
        display: block;
    }
    .sub .car_section .subTxt {
        text-align: center;
    }
    .sub .sub-roll-stoty .boxWrap{
        width: 90%;
        flex-direction: column;
    }
    .sub .sub-roll-stoty .boxWrap .box-logo span i{
        display: block;
    }
    .sub .sub-roll-stoty .boxWrap .box-txt .box-logo .logoWrap{
        display: block;
        margin-left:0;
        margin-top: 16px;
    }
    .sub .sub-roll-stoty .boxWrap .box-txt .box-logo{
        line-height: 1;
    }
    .sub .bulkSms-visual-wrap .img-area{
        display: none;
    }
    .sub .bulkSms-visual-wrap .txt-area ul{
        flex-wrap: wrap;
        margin-top: 0;
    }
    .sub .bulkSms-visual-wrap .txt-area ul li{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 14px;
    }
    .sub .bulkSms-visual-wrap .txt-area ul li .mo{
        display: block;
    }
    .sub .subCont .cardWrap ul li{
        height: auto;
    }
    .tp-doorway-top.small{
        padding-right: 15px;
    }
    .tp-doorway-top.small .content_box .txtBox h2{
        font-size: 15px !important;
        color: #536170;
    }
    .tp-door-container.sub.about_wrap .content_box{
        width: 100%;
    }
    .history_con{
        background: none;
    }
    .year_box{
        height: auto;
        padding-left: 26px;

    }
    .year_box::after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 2px;
        height: 100%;
        border-left: 4px solid #EDEDED;
    }
    .year_box.con9::after{
        height: 60%;
    }
    .year_box.small{
        height: auto;
    }
    .year_box + .year_box{
        padding-top: 40px;
    }
    .history_con .start{
        margin-bottom: 20px;
    }
    .history_con .start img{
        width: 142px;
    }
    .year_con .year_tit{
        font-size: 24px;
    }
    .year_con{
        position: static;
    }
    .year_con::after{
        top: 0;
        left: -5px;
        z-index: 1;
    }
    .year_box.con1 .year_con::after {
        display: block;
        top: 1px;
    }
    .year_box.con2 .year_con {
        padding-left: 0;
        padding-top: 76px;
    }
    .year_box.con2 .year_con::after{
        top: 122px;
    }
    .year_box.con3 .year_con::after{
        top: 146px;
    }
    .year_box.con4 .year_con::after{
        top: 145px;
    }
    .year_box.con5 .year_con::after{
        top: 145px;
    }
    .year_box.con6 .year_con::after{
        top: 146px;
    }
    .year_box.con7 .year_con::after{
        top: 146px;
    }
    .year_box.con8 .year_con::after{
        top: 146px;
    }
    .year_box.con9 .year_con::after{
        top: 128px;
    }
    .year_box.con3 .year_con,
    .year_box.con4 .year_con,
    .year_box.con5 .year_con,
    .year_box.con6 .year_con,
    .year_box.con7 .year_con,
    .year_box.con8 .year_con{
        padding-left: 0;
        padding-top: 102px;
        background-position: 0 0;
        background-size: 82px;
    }
    .year_box.con9 .year_con{
        padding-left: 0;
        padding-top: 83px;
        background-position: 0 0;
    }
    .sub .tp-door-cont.tp-bg-type02.ourteam{
        padding-bottom: 40px;
    }
    .info-wrap{
        position: static;
        margin-top: 40px;
    }
    .sub .tp-door-cont.tp-bg-type02 + .tp-door-cont.team_info{
        margin-top: 0;
        background-color: #F2F8FF;
    }
    .info-wrap .info-img {
        margin: 0;
        padding: 0;
        background: none;
    }
    .info-wrap .info-img::before{
        display: none;
    }
    .info-wrap .info-img ul{
        flex-direction: column;
        margin: 0;
    }
    .info-wrap .info-img ul li{
        position: static;
        text-align: center;
    }
    .info-wrap .info-img ul li .img-wrap{
        position: static;
        font-size: 24px;
    }
    .info-wrap .info-img ul li .img-wrap{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 256px;
        height: 256px;
        margin: 0 auto;
        border-radius: 50%;
        background-color: #fff;
    }
    .info-wrap .info-img ul li:nth-child(1) .img-wrap{
        border: 2px solid #04C9D2;
    }
    .info-wrap .info-img ul li:nth-child(2) .img-wrap{
        border: 2px solid #0188EF;
    }
    .info-wrap .info-img ul li:nth-child(3) .img-wrap{
        border: 2px solid #564FCF;
    }
    .info-wrap .info-img ul li .info-txt{
        margin-top: 20px;
        font-size: 15px;
    }
    .info-wrap .info-img ul li .info-txt::before{
        display: none;
    }
    .sub .tp-door-cont.ceomsg{
        padding-top: 0;
    }
    .ceomsg .ceo-card-area h3{
        font-size: 26px;
    }
    .ceomsg .ceo-card-area{
        height: 300px;
        padding: 106px 0 0 30px;

    }
    .ceomsg .content_box p{
        margin: 40px 0 0;
    }
    .ceomsg .ceo-card-area img{
        right: 0;
    }
    .ceomsg .ceo-card-area img.pc{
        display: none;
    }
    .ceomsg .ceo-card-area img.mo{
        display: block;
    }
    .withus{
        padding: 40px 0 60px;
    }
    .withus-wrap{
        display: block;
        text-align: center;
    }
    .withus-wrap .button.pc{
        display: none;
    }
    .withus-wrap .button.mo{
        display: inline-block;
        margin-top: 60px;
    }
    .withus h3{
        margin-bottom: 20px;
        font-size: 32px;
    }
}


/* tablets */
@media screen and (max-width: 768px) {
    .sub .aimms .imgBox{
        flex-direction: column;
        align-items: center;
    }
    .sub .aimms .imgBox dl:nth-of-type(1){
        margin-bottom: 60px;
    }
    .sub .aimms .imgBox dt{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .sub.solution .tp-door-card>ul>li + li{
        margin-top: 16px;
    }
    .tp-doorway-top.purple .content_box .txtBox{
        padding-bottom: 0px;
    }
    .sub .iframBox iframe{
        width: 100%;
    }
    .sub .iframBox iframe + iframe{
        margin-top: 20px;
    }
    .sub .youtubeVD {
        flex-direction: column;
    }
    .sub .youtubeVD a{
        width: 100%;
    }
    .sub .youtubeVD a + a{
        margin-top: 40px;
    }
    .wkbh h1 {
        font-size: 26px;
    }
    .sub .tp-door-title.tp-type02,
    .sub .tp-door-top h2 {
        margin-bottom: 40px;
        font-size: 24px;
    }


    .section .inner-13.wk .wkbh{
        padding: 42px 20px;
        box-shadow: none !important;
    }
    .bgb{
        padding-bottom: 0;
    }
    .intro.text,
    .svc .text.medium,
    .card-list{
        padding: 0;
    }
    .tp-doorway-top .content_box .txtBox .caseTit span{
        margin-top: 0;
        font-size: 22px;
    }
    .sub .howto .content_box .tab .tabTit {
        margin-top: 22px;
        padding-bottom: 22px;
    }
    .sub .howto .content_box .tab .tabTit ul li div,
    .sub .howto .content_box .tab .tabTit ul li.on p.active{
        display: none;
    }

    .sub .overview{
        margin-top: 10px;
    }
    .sub .doWrap .mms_list {
        margin: 0;
    }

    .how_mms .listWrap li {
        width: 100%;
        margin: 30px;
    }

    .advantage_list ul li {
        height: auto;
    }
    .advantage_list ul li + li{
        margin-top: 30px;
    }
    .advantage_list ul.center li:nth-child(1){
        margin-top: 30px;
    }
    .advantage_list ul.center li:nth-child(1),
    .advantage_list ul.center li:nth-child(2) {
        margin-left: inherit;
        margin-right: inherit;
    }
    .sub .appointment .tp-side-img ~ .tp-side-txt,
    .sub .appointment .tp-side-txt ~ .tp-side-img{
        margin-left: 0;
    }
    .sub .smsMk .tp-side-txt {
        width: 100%;
    }
    .sub .getWrap{
        flex-direction: column;
    }
    .sub .getWrap .box + .box {
        margin-left: 0px;
        margin-top: 40px;
    }
    .sub .subTab.normal .top ul{
        padding: 0;
    }
    .sub .subTab .cont{
        width: 100%;
        margin: 40px auto 0px;
    }

    .sub .tp-door-cont .doWrap.redminder .tp-side-img img{
        margin-bottom: 30px;
    }
    .sub .content_box .iframeWrap{
        width: 100%;
    }
    .sub .collectTab .top ul{
        display: block;
    }
    .sub .collectTab .top{
        padding: 4px;
        border-radius: 20px;
    }
    .sub .collectTab .cont li .icon_textlist{
        padding-bottom: 60px !important;
    }
    .sub .collectTab .cont li .icon_textlist h2{
        margin: 40px 0 16px 0;
    }
    .sub .round_list dl+dl{
        margin-left: 20px;
    }
    .sub .flWrap {
        display: block;
    }
    .sub .flWrap .flBox,
    .sub .flWrap .flBox.how_list{
        padding-left: 0;
    }



    .sub .flWrap .box + .box {
        margin-left: 0px;
    }
    .sub .animation .content_box{
        padding-left: 20px;
    }
    .sub .animation .aniWrap ol li span{
        width: 100%;
    }
    .sub .how_work ol > li{
        width: 100%;
        margin: 0 0 30px 0;
        padding: 40px 20px;
    }
    .sub .example_list ol li em{
        font-size: 22px;
    }
    .sub .how_work ol > li .num{
        width: 36px;
        font-size: 20px;
    }
    .sub .how_work ol > li .wrap{
        flex: 1;
        padding-left: 0px;
    }
    .sub .automated-level .circle-list > li{
        width: 100%;
    }
    /*.sub .automated-level .square-list{
        flex-wrap: nowrap;
    }*/
    .sub .pd-270{
        padding-bottom: 40px;
    }
    .sub .list-wb{
        display: block;
    }
    .sub .list-wb .box{
        width: 100%;
    }
    .sub .list-wb .box + .box {
        margin-top: 40px;
        padding-left: 0px;
    }
    .sub .content_box.mo{
        padding: 0;
    }
    .sub .img-wb{
        margin-top: -80px;
        padding: 50px 30px 50px 30px;
        border-radius: 0;
        box-shadow: none;
    }
    .sub .img-wb .tp-door-title{
        text-align: center;
        font-size: 24px;
    }
    .sub .img-wb .desc{
        margin-bottom: 40px;
    }
    .sub .tab-type01 .tab-cont{
        height: auto;
        border-radius: 0 0 20px 20px;
    }


    .sub .flxBox .list-type02{
        display: block;
    }
    .sub .flxBox .list-type02 > li {
        width: 100%;
    }
    .sub .flxBox .list-type02 > li h3.title br{
        display: none;
    }
    .sub .flxBox .text-group .mo{
        width: 100%;
    }
    .how_list ul{
        margin-top: 24px;
        padding: 40px 20px;
    }

    .how_list ul li{
        padding: 20px 0;
    }
    .how_list ul li em{
        width: 30px;
        margin-top: 5px;
        margin-right: 18px;
        font-size: 22px;
    }
    .sub .icon_textlist ul{
        margin: 0;
    }
    .sub .icon_textlist ul li{
        margin: 0;
    }
    .sub .icon_textlist ul li + li{
        margin-top: 30px;
    }
    .sub .icon_textlist.adv2 ul li + li{
        margin-top: 30px;
    }
    .sub .icon_textlist ul li strong{
        font-size: 20px;
    }
    .sub .targeting_example.big .example_list{
        padding: 40px 0 0px 0px;
    }
    .sub .targeting_example.big.lead{
        padding-top: 0px;
    }
    .sub .targeting_example.big.lead .example_list{
        padding: 0px;
    }

    .sub .automation_list > li{
        width: 100%;
    }
    .automation_list > li:nth-child(3n-1) {
        margin-left: 0%;
        margin-right: 0%;
    }
    .sub .automation_list.li_box_type li{
        max-width: 100%;
        max-height: 100%;
        min-height: auto;
        margin: 40px 0px;
        padding-bottom: 30px;
    }
    .sub .li_circle_type {
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
    }
    .sub .li_circle_type li{
        margin-top: 20px;
    }
    .sub .li_circle_type li + li {
        margin-left: 0px;

    }

    .sub .adv_list li {
        width: 151px;
        height: 175px;
        margin: 13px 7px;
        padding: 100px 0 0 0;
        background-position: center 36px;
    }
    .sub .intgBox{
        margin-top: 40px;
        padding-top: 40px;
    }
    .sub .automation_desc{
        padding-left: 0px;
        padding-right: 0px;
    }
    .sub .subCont .tp-door-side{
        margin: 0;
    }
    .sub .subCont .cardWrap ul li{
        min-height: auto;
        margin-top: 40px;
        padding: 30px 20px;
    }
    .sub .subCont .cardWrap ul li .number{
        font-size: 20px;
    }
    .sub .subCont.tp-door-cont .tp-door-side.reverse{
        flex-direction: column-reverse;
        margin-top: 60px;
    }
    .sub .subCont.tp-door-cont .tp-door-side.reverse .tp-side-txt{
        text-align: center;
    }
    .sub .subCont.tp-door-cont .tp-door-side.reverse .tp-side-img img{
        margin-bottom: 0;
        margin-top: 0; /*mass texting add*/
    }
    .detail .top ul li {
        font-size: 16px;
    }
    .detail .top ul li:nth-child(1) {
        padding: 18px 24px;
    }
    .detail .top ul li:nth-child(2),
    .detail .top ul li:nth-child(3){
        width: 28%;
    }
    .detail table thead th{
        padding: 10px 20px;
        font-size: 18px;
    }
    .detail table tbody td {
        padding: 8px 20px;
    }
    .pricing-cont.why p{
        padding: 66px 0 197px 0;
    }
    .pricing-cont.why p strong{
        margin-bottom: 22px;
        text-align: center;
        font-size: 26px;
    }
    .pricing-cont .tp-btn.size-type01{
        margin: 20px auto 0;
    }
    .pricing-cont.card {
        margin-top: -238px;
    }
    .card-box .tp-btn-box a{
        display: block;
        margin: auto;
    }
    .card-box .tp-btn-box a + a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 12px;
    }
    .pricing-cont.card .cardWrap{
        margin: 0;
        padding: 32px 16px;
    }
    .card-box-type02>li{
        border-top: 0;
    }
    .sub .sub_colorbox > div{
        float: inherit;
        width: 100%;
    }
    .sub .sub_colorbox > div + div {
        margin-left: 0px;
    }

    .sub .white_manage .reseller_list > ul > li{
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }
    .beyond_mobile .tp-door-title.tp-type02{
        margin-bottom: 16px;
        text-align: center;
    }
    .beyond_mobile p{
        padding: 0 15px;
    }
    .beyond_mobile .link_text{
        display: block;
        margin-top: 10px;
        padding: 0 15px;
    }
    .sub .subScript{
        padding: 0;
        font-size: 15px;
    }
    .sub.autotxtmsg .campaign li{
        margin-top: 40px;
    }
    .sub.autotxtmsg .tracking .list li{
        display: block;
    }
    .sub.autotxtmsg .tracking .list li div{
        width: 100%;
    }
    .sub.autotxtmsg .tracking .list li div + div{
        margin-top: 40px;
    }
    .sub.autotxtmsg .tracking {
        margin-top: 40px;
        padding-bottom: 40px;
    }
    .sub.autotxtmsg .itg{
        padding: 0;
    }
    .sub.autotxtmsg .tp-side-img.pc{
        display: none;
    }
    .sub.autotxtmsg .tp-side-img.mo{
        display: block;
    }
    .sub.autotxtmsg .tp-side-img.mo img{
        width: 100%;
    }
    .sub .spt_list ul li{
        display: block;
    }
    .sub.tcpawrap{
        padding-top: 0px;
    }
    .sub.tcpawrap .align_wrap{
        flex-direction: column;
    }
    .sub.tcpawrap .align_wrap .align_left {
        width: 100%;
    }
    .sub.tcpawrap .page_Decsub{
        font-size: 15px;
    }
    .sub.tcpawrap .align_wrap .align_left ul li div{
        font-size: 15px;
    }
    .sub.tcpawrap .align_wrap .align_left + .align_left{
        margin: 0
    }
    .sub.tcpa_box .resource_list h3{
        font-size: 20px;
    }
    .sub.tcpa_box .resource_list h3::after{
        display: none;
    }
    .sub.tcpawrap .tcpa_box .resource_list .resource_con{
        font-size: 15px;
    }
    .sub.tcpawrap .tcpa_box .resource_list .bullet_list{
        margin-top: 16px;
    }
    .sub.tcpawrap .tcpa_box .resource_list .bullet_list li a{
        font-size: 15px;
    }
    .sub .other_resource {
        padding: 0 15px;
    }
    .sub .other_resource .tp-door-title.tp-type02{
        margin-bottom: 16px;
    }
    .sub .study_roll .lifecycle_roll .rollin {
        max-width: 350px;
    }
    .sub .study_case + .study_case{
        margin-top: 60px;
    }
    .sub .study_case .bg_text{
        flex-direction: column-reverse;
        margin-top: 40px;
        padding: 40px 29px;
    }
    .sub .casestudy .form_tit{
        padding: 25px 30px 0;
        font-size: 20px;
        text-align: center;
    }
    .sub .study_case .bg_text .box-txt{
        width: 100%;
        margin-bottom:0;
        text-align: center;
        font-size: 14px;
    }
    .sub .casestudy .hbspt-form{
        margin-bottom: 0;
        padding: 22px 30px 25px 30px;
    }
    .sub .study_case .bg_text .logo_box{
        width: 270px;
        height: 170px;
        margin: 0 auto;
    }
    .sub .study_case p .txt1{
        width: 228px;
        margin: 40px auto 0;
        font-size: 20px;
    }
    .sub .study_case.pd120 {
        margin-bottom: 60px;
    }
    .sub .icon_textlist.tg {
        padding: 0px;
    }
    .sub .kit_info{
        padding: 360px 10px 0;
        text-align: center;
        background-position: center 0;
    }
    .sub .kit_info .tp-door-title.tp-type02{
        margin-bottom: 16px;
        text-align: center;
    }
    .sub .right_form{
        width: 100%;
    }

    .sub .compare_table li .increase:after,
    .sub .compare_table li .increase:before{
        display: none;
    }
    .sub .compare_table li .after_box,
    .sub .compare_table li .before_box{
        width: 134px;
    }
    .sub .compare_table li .after_box span,
    .sub .compare_table li .before_box span{
        width: 120px;
        height: 34px;
        padding: 4px 0;
    }
    .sub .compare_con > ul > li {
        padding: 40px 107px 36px 107px;
    }
    .sub .compare_table li .before_box {

    }
    .sub .compare_table li .after_box {

    }
    .img_graph h3{
        padding-left: 14px;
        font-size: 20px;
        text-align: center !important;
    }

    .sub .compare_graph{
        padding: 40px 0;
    }
    .sub .compare_table li .increase span {
        width: 120px;
        padding: 12px 0px;
        border-radius: 10px;
        color: #fff;
        font-size: 24px;
    }

    .sub .compare_top > ul.compare_table > li{
        padding: 20px 0;
        font-size: 14px;
    }
    .sub .compare_table li:nth-child(1) .before_box,
    .sub .compare_table li:nth-child(1) .after_box{
        padding: 20px 0 20px 20px;
    }
    .sub .compare_table li .before_box{
        padding: 30px 0 0px 0px;
    }
    .sub .compare_table li .after_box strong,
    .sub .compare_table li .before_box strong{
        font-size: 14px;
        line-height: 1.2;
    }
    .sub .case_over ul{
        margin-top: 0;
        margin-bottom: -20px;
    }
    .sub .case_over ul li{
        width: 151px;
        height: 178px;
        margin: 0 15px 20px;
    }
    .sub.solution .tp-door-title{
        padding: 0;
    }
    .sub.solution .tp-side-txt>.tp-door-title{
        margin-top: 0;
    }
    .sub.solution .tp-door-title.tp-type03{
        font-size: 20px;
    }
    .sub.solution .tp-door-title-sub{
        padding: 0 15px;
    }
    .sub.solution .tp-door-list-type01>li .item{
        width: 100%;
    }

    .sub.solution .tp-door-banner{
        padding: 32px 39px;
        font-size: 28px
    }
    .sub.solution .tp-door-banner p{
        font-size: 20px;
        font-weight: 600;
    }
    .sub.solution .sell_more .tp-door-side .sideBox img{
        width: 100%;
    }
    .sub.solution .sell_more .tp-door-side .sideBox + .sideBox{
        margin-left: 0;
    }
    .sub.solution .jumbotron .text-group {
        margin: 0;
    }
    .sub.solution .church .jumbotron .text-group .tit{
        text-align: left;
    }
    .sub.solution .church .jumbotron .text-group .desc{
        text-align: left;
    }
    .sub.solution .church .jumbotron img{
        /*margin-bottom: 40px;*/
    }
    .sub.solution .jumbotron .text-group .tit{
        text-align: left;
    }
    .sub.solution .jumbotron .text-group .desc{
        text-align: left;
    }
    .sub.solution .jumbotron + .jumbotron{
        margin-top: 40px;
    }
    .sub.solution .tp-door-title.tp-type04.align-C{
        margin: 40px 0 16px 0;
    }
    .sub .auto_list:nth-of-type(1) {
        margin-top: 50px;
    }
    .sub .auto_list .content_box {
        padding: 0 15px;
    }
    .sub .auto_list .ball_list{
        flex-direction: column;
        align-items: center;
    }
    .sub .auto_list .ball_list.right{
        flex-direction: column-reverse;
    }
    .sub .auto_list .ball_list.first{
        padding-top: 0;
    }
    .sub .auto_list .ball_list .ball{
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .sub .auto_list .ball_list .text_content{
        text-align: center;
    }
    .sub .auto_list .tp-list li a{
        padding-left: 0px;
        padding-top: 30px;
        background-position: center 0;
    }
    .sub .practices_wrap{
        margin-top: 50px;
    }
    .sub .practices_wrap .intro_text > p{
        font-size: 15px;
        padding: 0 15px;
    }
    .sub .smsMk.tp-door-cont .tp-door-side.tp-reverse-type{
        flex-direction: column-reverse;
    }
    .sub .smsMk.tp-door-cont .tp-door-side{
        /*margin: 40px 0;*/
    }
    .sub .smsMk.survey .tp-door-title.tp-type03{
        padding-top: 0;
        text-align: center;
        line-height: 1.3;
    }
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(3)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(4)::after {
        top: 38%;
    }
    .sub .icon_textlist .adList ul li{
        height: auto;
    }
    .sub .icon_textlist .adList ul.center li:last-child{
        min-height: 378px;
    }
    .sub .icon_textlist .adList ul.center li.on{
        height: 460px;
    }
    .sub .icon_textlist .adList ul.center li:nth-child(1){
        margin-top: 30px;
    }
    .sub .icon_textlist .adList ul.center{
        margin-top: 0;
    }
    .sub .content_box .tp-side-txt.doWrap{
        padding: 0;
    }
    .sub .messtxt .content_box .doWrap.tp-side-txt{
        padding: 0;
    }
    .faq_wrap.sub{
        margin-top: 60px;
    }

    .sub .how_list.align ul li {
        align-items: flex-start;
    }
    .sub .core_list{
        padding-left: 0;
        padding-right: 0;
    }
    .sub .car_tith1{
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 1.2;
    }
    .sub.solution .car_tith1 span{
        margin-top: 16px;
    }
    .sub .car_section .tp-side-txt dl dt{
        font-size: 20px;
    }
    .sub .study_case .txt{
        padding: 0;
    }
    .roi_form .form_wrap .hbspt-form .hs-submit{
        text-align: center;
    }

    .pricing-cont .card-box-adv .title, .pricing-cont .card-box-core .title{
        font-size: 26px;
    }
    .sub .table_box1 > div{
        overflow-x: auto;
        background-color: #01BAEF;
    }
    .sub .table_box1.api > div{
        background-color: #054A8F;
    }
    .sub .table_box1.shortCord > div{
        background-color: #0188EF;
    }
    .sub .table_box1.shortCord.api > div{
        background-color: #564FCF;
    }
    .sub .howto .content_box .tab .tabTit ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit ul li:nth-child(3)::after{
        top: 38%;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li{
        width: 100%;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li ol{
        margin-top: 20px;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li img{
        margin-top: 20px;
    }
    .sub .icon_textlist.dt ul li{
        height: auto;
    }

    .sub .bm-container{
        padding: 0;
    }
    .sub .list-wb .box .wrap{
        min-height: auto;
    }
    .sub .pd-270{
        padding-bottom: 60px !important;
    }
    .sub .img-wb .jumbotron{
        gap: 0;
    }
    .sub.solution .tp-door-card{
        padding: 0;
    }
    .sub.solution .tp-door-card>ul{
        width: 100%;
    }
    .sub.solution .tp-door-card .text-group{
        padding: 32px 20px;
    }

    .sub.solution .jumbotron:last-of-type{
        padding-bottom: 0;
    }
    .sub.solution .jumbotron img{
        min-width: 50%;
        /*min-width: 100%;*/
    }
    .sub.solution .row .jumbotron img{
        min-width: auto;
    }
    .sub.solution .tp-door-cont .tp-side-img img{
        width: 100%;
    }
    /*.sub.solution .tp-door-cont .tp-door-side.tp-reverse-type:nth-of-type(1) .tp-side-img img{
        margin-top: 20px;
    }*/
    .sub.solution .tp-door-cont .tp-door-side .tp-door-title{
        line-height: 1.3;
    }
    .sub.solution .tp-door-cont .tp-door-side .tp-side-img + .tp-side-txt{
        margin-top: 40px;
    }
    .sub.solution .tp-door-cont .tp-door-side .tp-side-txt + .tp-side-img{
        margin-bottom: 40px;
    }
    .sub.solution .tp-door-card>ul + ul{
        margin-top: 16px;
    }
    .beyond_mobile .img_box p{
        padding: 14px 0;
        font-size: 16px;
    }

    .automation_list.li_box_type + p{
        font-size: 15px;
    }
    .sub .kit_icon ul li{
        width: 158px;

    }
    .sub .kit_form .right_form strong:after,
    .sub.internal-communication .commkit_text .right_form strong:after{
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .roi_form .form_wrap{
        margin-bottom: 60px;
        padding: 40px 20px !important;
    }
    .sub .flWrap .box:nth-of-type(1){
        flex: 1;
    }


    #contact_wrap .form_wrap{
        width: 100%;
        min-height: auto;
        padding: 40px 20px !important;
    }
    .sub .case_over{
        margin-top: 50px;
    }
    .sub .core_fe{
        margin-bottom: 60px;
    }
    .sub .intg .page_Decsub{
        margin-bottom: 60px;
    }
    .tcpa_box .page_Decsub .br + .br{
        margin-top: 12px;
    }
    .sub .messtxt .content_box .tp-side-txt.doWrap img{
        margin-top: 40px;
    }
    .sub .content_box .tp-side-txt.doWrap.redminder .tp-side-txt{
        margin-left: 0;
    }
    .sub .content_box .tp-side-txt.doWrap.redminder img.fix{
        margin-top: 30px;
        margin-bottom: 0;
    }
    .sub .doWrap .tp-side-txt li + li{
        margin-top: 30px;
    }
    .how_mms .listWrap{
        margin-top: -44px;
    }
    .sub .intg .integrations_list ol{
        flex-direction: column;
    }
    .sub .intg .integrations_list li + li {
        margin-left: 0;
        margin-top: 44px;
    }
    .sub .intg .integrations_list li::after {
        right: 40%;
        top: 108%;
        transform: rotate(90deg);
    }
    .sub .auto_list .tp-list li p{
        padding: 0 15px;
    }
    .sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1) img{
        width: 100%;
    }
    .tp-doorway-top .txtBox h1{
        letter-spacing: -.03em;
        font-size: 30px !important;
        text-align: center;
    }
    .tp-doorway-top .content_box .txtBox .caseTit{
        margin-bottom: 50px !important;
        line-height: 1.3;
        font-size: 28px !important;
    }
    .hover-card{
        display: block;
        margin-top: 30px;
    }
    .hover-card li {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .get-measurable-results .jumbotron .text-group .title{
        font-size: 26px;
    }
    .section .jumbotron .text-group .title{
        font-size: 26px;
    }
    .section .section-title-type02{
        font-size: 26px;
    }
    .hover-card li + li {
        margin-left: 0;
    }
    .pricing-cont .title[class*=add-icon]{
        font-size: 26px;
    }
    .sub .practices_wrap .tab-type01 .tab-menu{
        padding: 40px 36px 0;
        justify-content: space-between;
        flex-wrap: wrap;
        border-radius: 20px 20px 0 0;
        box-shadow: 0px -6px 15px -4px rgb(41 73 99 / 10%);
    }
    .sub .practices_wrap .tab-type01 .tab-menu li{
        width: auto;
        height: auto;
        background-color: #fff;
        border-radius: 8px;
    }
    .sub .practices_wrap .tab-type01 .tab-menu li.active {
        background-color: #0000000D;
    }
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(1),
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(2),
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(3),
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(4) {
        box-shadow: none;
    }
    .sub .practices_wrap .tab-type01 .tab-menu li a{
        padding: 6px 10px;
    }
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(1) a,
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(2) a,
    .sub .practices_wrap .tab-type01 .tab-menu li:nth-child(3) a,
    .sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(1) a,
    .sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(2) a,
    .sub .practices_wrap .tab-type01 .tab-menu li.active:nth-child(3) a{
        background-image: none;
    }
    .sub .practices_wrap .tab-type01 .tab-cont{
        padding: 0px 16px 40px;
        box-shadow: 0px 8px 20px -4px rgb(41 73 99 / 10%);
    }
    .sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li:nth-child(1){
        padding: 28px 0 20px;

    }
    .sub .collectTab .cor li:nth-child(1){
        width: 164px !important;
    }
    .sub .collectTab .cor li:nth-child(2){
        width: 151px !important;
    }
    .sub .collectTab .cor li:nth-child(3){
        width: 170px !important;
    }
    .sub .collectTab .cor li:nth-child(4){
        width: 172px !important;
    }
    #cleanup.sub.tp-door-container{
        margin-top: 60px;
    }
    .sub .doWrap .tp-side-txt li h3{
        font-size: 20px;
    }
    .sub .getWrap .box h3 {
        font-size: 20px;
    }
    .sub .howto .videoWrap{
        width: 100%;
    }
    .sub .txtadv.smsMk.tp-door-cont .subTitle{
        font-size: 20px;
    }
    .sub .txtadv .flxBX .box + .box{
        margin-top: 40px;
    }
    .sub .txtadv .flxBX .box img{
        width: 100%;
    }
    .sub .txtadv .flxBX .box h4{
        font-size: 20px;
    }
    .sub .txtadv .flxBX .box .boxTxt{
        margin-top: 20px;
    }
    .sub .txtadv .flxBX .box .tp-door-list-bullet{
        margin-top: 16px;
    }
    .sub .txtadv .flxBX .box .tp-door-list-bullet li{
        margin-top: 10px;
    }
    .sub .tp-door-cont.txtblst .flx{
        flex-direction: column;
        gap: 20px;
    }
    .sub .tp-door-cont.txtblst .flx.dotted + .flx.dotted{
        margin-top: 40px;
        padding-top: 40px;
    }
    .sub .tp-door-cont.txtblst .flx img{
        padding: 10px 22px;
    }
    .sub .tp-door-cont.txtblst .flx img.pc{
        display: none;
    }
    .sub .tp-door-cont.txtblst .flx img.mo{
        display: block;
    }
    .sub .tp-door-cont.txtblst .flx.reverse{
        flex-direction: column;
    }
    .sub .tp-door-cont.txtblst .flx.reverse img{
        width: 172px;
        margin: 0 auto;
    }
    .sub .tp-door-cont.txtblst .flx.reverse .tp-door-list-bullet{
        margin-top: 16px;
    }
    .sub .car_section.life_car .content_box + .content_box{
        padding-top: 60px;
    }
    .sub .car_section.life_car .content_box .tp-side-img img.mo{
        display: block;
        max-width: 100%;
    }
    .sub .flx-col .box-img{
        width: 100%;
    }
    .sub .sub-roll-stoty .boxWrap{
        width: 90%;
        gap: 40px;
        padding: 20px;
    }
    .sub .stages-pcj{
        margin: 0;
    }
    .sub .stages-pcj li p:nth-child(1){
        font-size: 20px;
    }
    .sub .pcj .tp-door-list-card-type04.column01 li .imgBox{
        padding: 69px 14px;
    }
    .sub .bulkSms .img-area{
        width: 100%;
    }
    .sub .bulkSms .txt-area{
        display: block;
    }
    .sub .bulkSms .txt-area h3{
        font-size: 20px;
    }
    .sub .bulkSms .txt-area .col + .col{
        margin-top: 40px;
    }
    .sub .bulkSms .tp-door-list-bullet li + li {
        margin-top: 10px;
    }
    .sub .bulkSms .align-C .tp-door-title.tp-type03,
    .sub .smsMk .tp-door-title.tp-type03{
        padding-top: 40px;
    }
    .sub .voice .tp-door-list-card-type04.column01 li .imgBox{
        padding: 48px 14px;
    }
    .sub .voice .tp-door-list-card-type04.column01 li .txtBox{
        padding: 32px 20px;
    }
    .sub .voice .ball_list .text_content .sub_text ul li{
        text-align: left;
    }
    .sub .getWrap.flex-col .box .img-area img.pc{
        display: none;
    }
    .sub .getWrap.flex-col .box .img-area img.mo{
        display: block;
    }
    .tp-doorway-top.small{
        background-size: auto 220px;
    }
    .about_img{
        margin-bottom: 60px;
    }
    .withus .imgWrap{
        flex-direction: column;
        gap: 20px;
        max-height: none;
        padding: 0 16px;
    }
    .withus .imgWrap div{
        border-radius: 20px;
        overflow: hidden;

    }
    .withus .imgWrap div.pc{
        display: none;
    }
    .withus .imgWrap div.mo{
        display: block;
    }
}


/* mobile */
@media screen and (max-width: 500px) {
    .img_graph h3{
        padding-left: 0;
    }
    .sub .case_over ul li{
        margin: 0 0 20px;
    }
    .sub .case_over ul li + li {
        margin-left: 27px;
    }
    .sub .case_over ul li:nth-child(odd) {
        margin-left: 0;
    }
    .hover-card + .btn-box{
        margin-bottom: 60px;
    }
    .sub .icon_textlist .adList ul.center li:last-child{
        min-height: 345px;
    }
    .sub .icon_textlist .adList ul.center li.on{
        height: 395px;
    }
    .sub .resource_box.line_list li:last-child{
        background-position: 0 30px;
    }
    .beyond_mobile .img_box.mobile-img{
        width: 100%;
    }
    .bot_sitemap .menu_box > ul li{
        padding-right: 10px;
    }
    body{
        font-size: 15px !important;
    }
    #wrap .tp-contact-banner .form_box{
        width: 100%;
        padding: 20px 0 27px 0;
    }
    .tp-contact-banner .freetrial_box p:nth-of-type(1){
        margin-bottom: 14px;
    }

    .tp-doorway-top,
    .tp-doorway-top.purple{
        min-height: 254px;
        margin-top: 60px;
        padding-top: 102px;
    }
    .tp-doorway-top{
        background-position: 65% -18px;
    }
    .tp-doorway-top.purple{
        background-position: 67% 1px;
    }

    /*.tp-doorway-top,
    .tp-doorway-top.purple + .logo_rolling_wrap{
        margin-top: 20px;
    }*/
    .logo_rolling_wrap.top{
        margin-top: 50px;
    }
    .main-visual{
        background-position: 43% 0;
    }

    .main-visual .btn-box {
        margin-top: 39px;
    }
    .text-box {
        padding-top: 60px;
    }

    #container{
        padding: 0;
    }

    .bot_banner{
        margin-top: 0;
    }
    .tp-doorway-top .content_box {
        /*min-height: 150px;*/
        display: block;
        padding: 0px;
    }
    .tp-doorway-top .content_box .txtBox .location{
        margin-bottom: 10px;
    }

    .tp-doorway-top h2 {
        margin-top: 25px !important;
        text-align: center;
        font-size: 18px !important;
    }
    .tp-doorway-top h2, .tp-doorway-top p{
        margin-bottom: 46px;
    }
    .tp-door-logo object:nth-of-type(1),
    .tp-door-logo object:nth-of-type(2){
        margin-top: 0;
    }
    .tp-door-logo object:nth-last-child(1),
    .tp-door-logo object:nth-last-child(2){
        /*margin-bottom: 0;*/
    }
    .sub{
        margin-top: 50px;
    }
    .sub .tp-door-title.tp-type02{
        margin-bottom: 20px;
    }
    .sub .tp-side-txt>.tp-door-title{
        margin-top: 0;
    }
    .sub .tp-door-cont{
        padding:  0 0 60px;
    }
    .sub .tp-door-cont.tp-bg-type02 + .tp-door-cont{
        margin-top: 60px;
    }
    .sub .section-title-type02{
        margin-bottom: 16px !important;
    }
    .rollin ul{
        height: 44px;
    }
    .main-roll .rollin ul li {
        margin: 0px 18px;
        padding: 0px;
    }
    .sub .content_box, .tp-door-container.sub.about_wrap .content_box {
        padding: 0 16px;
    }
    .sub .roi_compare .content_box.graph{
        padding: 0;
    }
    .sub .how_list .content_box {
        padding: 0 16px;
    }
    .tp-doorway-top .txtBox .btn-box,
    .tp-doorway-top.purple .txtBox .btn-box{
        margin-bottom: 50px;
    }


    .btn-box a + a {
        margin-left: 10px;
    }
    .intro.text{
        padding: 0 15px;
        font-size: 15px;
        line-height: 1.7;
    }
    .section + .section {
        margin-top: 40px;
    }
    .section-bg01{
        padding: 40px 0;
    }
    .sub.more{
        padding: 60px 0;
    }
    .customer-group .customer-list-container{
        margin-top: 16px;
    }
    .customer-group .customer-tab{
        padding: 12px;
        background-color: #fff;
        box-shadow: 0px -13px 20px 0px rgb(41 73 99 / 6%);
        border-radius: 12px 12px 0 0;
    }
    .about_wrap > .content_box {
        height: 480px;
        overflow-y: scroll
    }

    .about_wrap > .content_box {
        margin: 30px auto 0 auto;
    }

    .about_wrap > .content_box::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #fff;
    }

    .about_wrap > .content_box::-webkit-scrollbar {
        width: 4px;
        background-color: #fff;
    }

    .about_wrap > .content_box::-webkit-scrollbar-thumb {
        border-radius: 10px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #c0c0c0;
    }

    .year_con.con10 .year_p {
        background-position: center 80px !important;
    }
    .customer-group .customer-tab li{
        width: 33.333%;
        height: auto;
        padding: 5px 11px;
        background-color: #fff;
        box-shadow: none;
        background-size: 74px;
        border-radius: 8px;
    }
    .customer-group .customer-tab li.on{
        background-color: #F1F1F1;
    }
    .customer-group .customer-tab li + li{
        margin-left:0;
    }
    .customer-group .customer-tab li:nth-child(1),
    .customer-group .customer-tab li:nth-child(2),
    .customer-group .customer-tab li:nth-child(3){
        box-shadow: none;
    }
    .customer-group .customer-list-item{
        border-radius: 0 0 12px 12px;
        box-shadow: 0px 13px 20px 0px rgb(41 73 99 / 13%);
    }
    .section.download-handout{
        padding:40px 0;
    }

    .handout-box{
        padding-top: 140px;
    }
    .card-list .btn-console {
        margin-top: 14px;
    }
    .card-list .btn-console a + a{
        margin-top: 18px;
    }
    .get-measurable-results .jumbotron .text-group .title{
        font-size: 26px;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate {
        margin-top: -87px;
    }
    .get-measurable-results{
        padding-bottom: 15px;
    }
    .section-bg01.bg .jumbotron .text-group .title{
        font-size: 26px;
    }
    #wrap .news-group{
        margin-top: 60px;
    }
    .news-group .news-list-wrapper{
        padding: 0px 0px 10px;
    }
    .news-group .news-list-item{
        padding: 30px !important;
    }
    .news-group .news-list-item p{
        padding-top: 82px !important;
        font-size: 14px;
    }
    .news-group .news-list-item p:before{
        width: 247px;
        height: 52px;
    }
    .news-group .btn-console{
        position: static;
        transform: translateX(0%);
    }
    .wkbh .text.medium {
        font-size: 15px;
    }
    .jumbotron .mobile-img {
        margin-top: 22px;
        padding: 0 34px;
    }
    .jumbotron + .jumbotron {
        margin-top: 40px !important;
    }
    .section-bg01.bg {
        padding-bottom: 40px;
    }
    .section-bg01.bg .jumbotron .mobile-img{
        margin: 40px auto;
    }
    .customer-group .customer-list-item .txtWrap p{
        font-size: 14px;
    }
    .customer-group .customer-list-item .txtWrap .btn-console p{
        font-size: 12px;
    }
    .section + .section.download-handout{
        margin-top: 60px;
    }
    .get-measurable-results .jumbotron-list .jumbotron-rate li{
        height: 108px;
    }
    .logotree{
        margin-top: 45px;
    }
    .bulkSms .logotree,
    .bulkSms .logotree li + li{
        margin-top: 40px;
    }
    .mio .btn-box a + a{
        margin-top: 18px;
        margin-left: 0;
    }
    .iframeBox-web a{
        width: 100%;
    }
    .marketing-list{
        margin: 0px 0px 0;
    }
    .marketing-list > li{
        width: 48.5% !important;
        border: 1px solid #DBDBDB;
        border-radius: 5px;
    }
    .marketing-list > li:nth-child(odd){
        margin-right: 8px;
    }
    .see-all-use-cases > a{
        padding-top: 0;
    }
    .sub .howto .content_box{
        padding: 40px 14px 16px;
    }
    .sub .smsMk + .howto .content_box {
        margin-top: -347px;
    }
    .sub .howto .content_box .tp-door-title{
        line-height: 1.3;
    }
    .sub .howto .content_box .tab{
        padding: 0 2px;
    }
    .sub .howto .content_box .tab .tabTit ul li{
        flex: none;
    }
    .sub .howto .content_box .tab .tabTit ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit ul li:nth-child(3)::after {
        width: 160px;
        top: 38%;
        left: 6%;
    }
    .sub .doWrap.survey.tp-side-txt .tp-side-txt.odd{
        margin: 0;
    }
    .sub .survey.tp-door-cont .tp-door-side{
        margin-bottom: 0;
        padding-left: 0;
    }
    .sub .survey.tp-door-cont .tp-door-side .tp-side-txt .tp-door-desc{
        text-align: center;
        padding: 0 15px;
    }
    .sub .survey .tp-door-title.tp-type03{
        text-align: center;
    }
    .sub .subTab.normal{
        margin-top: 40px;
    }
    .sub .howto .content_box .tab .tabCont {
        margin-top: 0;
        padding: 32px 20px;
    }
    .sub .howto .content_box .tab .tabCont li h3 {
        margin-bottom: 16px;
        padding-top: 35px;
        padding-left: 0;
        background: url(/images/icon/check_round.svg)no-repeat 0 0;
        font-size: 20px;
    }
    .sub .accordion_text {
        display: block;
    }

    .sub .accordion_text .accordion_col,
    .faq_wrap.sub .accordion_text .accordion_col {
        width: 100%;
    }

    .sub .accordion_text .accordion_col + .accordion_col {
        margin-left: 0;
        margin-top: 20px;
    }

    .sub .doWrap {
        padding: 0px;
    }
    .sub .doWrap .tp-side-txt li{
        padding: 50px 0 0 0;
    }

    .sub .doWrap .tp-side-img{
        margin-bottom: 0;
    }
    .sub .doWrap .tp-side-img + .mms_list{
        margin-bottom: 40px;
    }
    .sub .doWrap .tp-side-img img{
        width: 100% !important;
        margin: auto;
    }
    .sub .doWrap .mms_list li {
        padding: 50px 0 0 0;
        background-position: 0 0;
    }
    .sub .messtxt p.txt{
        margin-top: 0;
    }
    .how_mms{
        margin-bottom: 0;
    }
    .how_mms .listWrap{
        margin-top: 0;
    }
    .how_mms .listWrap li{
        margin: 0
    }
    .how_mms .listWrap li + li{
        margin-top: 60px;
    }
    .how_mms .listWrap li strong{
        font-size: 20px;
    }
    .how_mms .listWrap li p{
        padding: 0 15px;
    }
    .how_mms p.align-C{
        padding: 0;
    }
    .icon_textlist ul li,
    .icon_textlist.adv1 ul li{
        height: auto;
        padding: 30px 20px;
    }
    .sub .subTab .top ul li{
        width: 100%;
        padding: 6px 14px;
    }
    .sub .subTab .top ul li span{
        padding: 0;
    }
    .sub .subTab .top ul li.on:nth-child(1) span,
    .sub .subTab .top ul li:nth-child(1) span,
    .sub .subTab .top ul li.on:nth-child(2) span,
    .sub .subTab .top ul li:nth-child(2) span,
    .sub .subTab .top ul li.on:nth-child(3) span,
    .sub .subTab .top ul li:nth-child(3) span,
    .sub .subTab .top ul li.on:nth-child(4) span,
    .sub .subTab .top ul li:nth-child(4) span,
    .sub .subTab .top ul li.on:nth-child(5) span,
    .sub .subTab .top ul li:nth-child(5) span{
        background-image: none;
    }
    .sub .subTab .cont .tab{
        width: 100%;
        padding: 30px 20px;
    }
    .sub .doWrap .tp-side-txt{
        margin: 0px;
    }
    .sub .round_list.support{
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .sub .round_list dl{
        margin: 10px;
    }
    .sub .round_list dl+dl {
        margin-left: 10px;
    }
    .sub .flWrap .box .tit{
        font-size: 20px;
        padding-top: 56px;
    }
    .sub .tab-type01 .tab-menu li:nth-child(1),
    .sub .tab-type01 .tab-menu li:nth-child(2),
    .sub .tab-type01 .tab-menu li:nth-child(3),
    .sub .tab-type01 .tab-menu li:nth-child(4){
        box-shadow: none;
    }
    .sub .jumbotron.reverse .text-group.wb {
        margin: 0 0px 0 0;
    }
    .sub .tab-type01 .tab-menu{
        flex-wrap: wrap;
        justify-content: center;
        justify-content: space-between;
        padding: 11px 17px;
        border-radius:20px 20px 0 0 ;
        box-shadow: 0px -6px 15px -4px rgb(41 73 99 / 10%);
    }
    .sub .tab-type01 .tab-menu li{
        width: 50%;
        height: 44px;
        background-color: #fff;
        border-radius: 8px;
    }
    .sub .tab-type01 .tab-menu li.active{
        background-color: #0000000D;
    }
    .sub .tab-type01 .tab-cont li .text-group .desc{
        text-align: center;
    }
    .sub .tab-type01 .tab-cont li .text-group .desc .tit{
        margin-bottom: 16px;
    }
    .sub .tab-type01 .tab-cont{
        padding: 30px 18px;
        box-shadow: 0px 8px 20px -4px rgb(41 73 99 / 10%);
    }
    .sub .tab-type01 .tab-menu li + li {
        margin-left: 0px;
    }

    .sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li{
        padding-bottom: 20px;
        padding-right: 0;
    }

    .sub .practices_wrap .tab-type01 .tab-cont > li .tapcontent ol > li + li{
        margin-top: 20px;
    }
    .sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li em{
        width: 40px;
        line-height: 1;
        font-size: 22px;
        margin-top: 7px;
    }
    .sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li{
        padding-left: 55px;
    }
    .sub .practices_wrap .tab-type01 .tab-cont li .tapcontent li .bullet_list > li:after{
        left: 42px;
    }
    .sub .practices_wrap .best_bottext{
        margin-top: 60px;
        margin-bottom: 60px;
        padding: 50px 30px;
    }
    .sub .practices_wrap .best_bottext h3{
        font-size: 20px;
    }
    .sub .practices_wrap .best_bottext h3::after{
        width: calc(100% - 127px);
    }
    .how_list ul li{
        align-items: flex-start;
    }
    .sub .core_list{
        padding-left: 0;
    }
    .sub .core_list .ball_list{
        align-items: center;
        flex-direction: column;
    }
    .sub .core_list .ball_list.right{
            flex-direction: column-reverse;
    }
    .sub .core_list .ball_list .ball{

        margin-right: 0;
    }
    .sub .tp-door-cont.tp-bg-type02{
        padding: 60px 0;
    }
    .sub .auto_list{
        padding: 60px 0;
    }
    .sub .ball_list .text_content{

        padding-top: 22px;
        text-align: center;
    }
    .sub .ball_list.right .ball{
        margin-left: 0;
        margin-top: 0;
    }
    .sub .ball_list .ball span{
        width: 100px;
        height: 100px;
    }
    .sub .ball_list p.sub_text{
        padding: 0 21px;
    }
    .sub .ball_list.type03 .tp-list.tp-type02 li{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .sub .ball_list.type03 .tp-list.tp-type02 li:nth-child(1){
        padding-top: 0;
    }
    .sub .ball_list.type03 .tp-list.tp-type02 li:last-child{
        padding-bottom: 0;
    }
    .sub .core_list .ball_list .ball span img{
        width: 40%;
    }
    .sub .ball_list .icon_list li{
        margin: 0 auto;
    }
    .listImg {
        flex-wrap: wrap;
        justify-content: center;
    }
    .listImg li{
        margin: 0 11px 14px;
    }
    .sub .intg .integrations_list .box{
        flex-direction: column;
        align-items: flex-start;
    }
    .sub .intg .integrations_list .box p + p{
        margin-top: 20px;
        padding-left: 0;
    }
    .sub .intg .integrations_list .box p,
    .sub .intg .integrations_list .box.nowrap p{
        width: 100%;
    }
    .sub .intg .integrations_list .box.nowrap div{
        align-items: flex-start;
        flex-direction: column;
    }
    .sub .intg .img_textbox {
        margin-bottom: 0px;
    }
    .sub .intg .img_textbox.salesforce{
        margin-top: 3px;
    }

    .pricing-cont.why p {
        padding: 66px 0 171px 0;
        text-align: center;
    }
    .sub.autotxtmsg .api_list_title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .sub.autotxtmsg .api_list{
        width: 310px;
        overflow: hidden;
        margin: 0 auto;
    }
    .sub.autotxtmsg .api_list ul {
        width: 100000%;
        flex-wrap: nowrap;
        justify-content: inherit;
    }
    .sub.autotxtmsg .api_list ul li{
        width: 264px;
        height: 385px;
        margin: 0 30px;
    }
    .sub.autotxtmsg .api_list ul li + li {
        margin-left: 0px;
    }
    .sub.autotxtmsg .api_list ul li p{
        line-height: 28px;
    }
    .sub.autotxtmsg .btn_prev,
    .sub.autotxtmsg .btn_next{
        display: block;
    }
    .sub.autotxtmsg .btn_prev
    .sub.autotxtmsg .moreTxt.tw{
        display: none;
    }
    .sub.autotxtmsg .moreBtn.tw{
        display: block;
        bottom: 20px;
    }
    .sub .common_tap ul li {
        padding: 8px 22px;
        font-size: 16px;
    }
    .sub .cerdit_tap.tapli ul li:nth-child(1),
    .sub .cerdit_tap.tapli ul li:nth-child(2){
        width: 50% !important;
    }
    .sub .tapli ul li:nth-child(1){
        width: 100% !important;
        max-width: 174px;
    }
    .sub .tapli ul li:nth-child(2){
        width: 100% !important;
        max-width: 185px;
    }
    .sub .tapli ul li:nth-child(3){
        width: 100% !important;
        max-width: 167px;
    }
    .sub .tapli ul li:nth-child(4){
        width: 100% !important;
        max-width: 153px;
    }
    .sub .tapli ul li:nth-child(5){
        width: 100% !important;
        max-width: 137px;
    }
    .sub .collectTab .common_tapcon{
        margin-top: 40px;
    }


    .sub .internal-communication .commkit_text .right_form{
        width: 100%;
    }
    .sub .internal-communication .commkit_text .right_form strong:after{
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }
    .sub .compare_table li .increase span{
        width: 90px;
        padding: 5px 0px;
        border-radius: 10px;
        color: #fff;
        font-size: 18px;
    }
    .sub .compare_table li .after_box span,
    .sub .compare_table li .before_box span {
        width: 70px;
        padding: 5px 0;
        font-size: 14px;
    }
    .sub .compare_table li .after_box,
    .sub .compare_table li .before_box {
        width: 103px;
        padding: 10px 10px 10px 0;
    }
    .sub .compare_table li:nth-child(1) .before_box,
    .sub .compare_table li:nth-child(1) .after_box {
        padding: 10px 0 20px 0px;
    }
    .sub .compare_table .newcustomer:nth-child(1) .before_box,
    .sub .compare_table .newcustomer:nth-child(1) .after_box{
        padding: 10px 10px 10px 0;
    }
    .compare_table li .after_box strong,
    .compare_table li .before_box strong {
        font-size: 11px !important;
    }
    .sub .compare_top > ul.compare_table > li {
        padding: 10px 0;
    }
    .sub .compare_con > ul > li {
        padding: 32px 107px 22px 107px;
    }
    .sub .compare_con > ul > li:last-child{
        padding-bottom: 0;
    }
    .sub.solution .tp-door-cont.tp-bg-type02 .content_box.pd63{
        padding: 0 20px;
    }
    .sub.solution .tp-door-list-card-type04 .imgBox{
        padding: 23px 32px;
    }
    .sub.solution .tp-side-txt.pageDes .tp-door-desc{
        padding: 0 15px;
    }
    .sub .auto_list .ball_list.first .ball img{
        width: 100px;
        height: 100px;
    }
    .sub .auto_list .ball_list .text_content{
        padding-top: 0;
    }
    .sub .usecase_tap .accordion_text .accordion_col .accordion_wrap{
        padding: 22px 20px;
    }
    .sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::before,
    .sub .usecase_tap .accordion_text .accordion_wrap .accordion_top::after{
        left: 0;
    }
    .sub .usecase_tap .accordion_text .accordion_wrap .accordion_top{
        padding: 0 0 0 28px;
    }
    .sub .usecase_tap .accordion_text .accordion_wrap .accordion_top > span{
        padding-left: 0px;
    }
    .sub .accordion_text .accordion_wrap .accordion_top > span{
        /*padding-left: 22px;*/
    }
    .sub .usecase_tap .accordion_text .accordion_wrap .accordion_con .pargrph{
        padding: 0px;
    }
    .sub .step_list .title{
        font-size: 16px;
    }
    .summry_how .text_par{
        font-size: 15px;
    }
    .sub .kit_info p,
    .sub .kit_form p{
        font-size: 15px;
        font-weight: 400;
    }
    .sub .kit_form .content_box{
        padding: 0 0px;
    }
    .sub .right_form.formboox .hbspt-form .actions{
        width: auto;
        min-width: auto;
    }
    .sub .kit_info{
        padding: 360px 15px 0;
    }
    .sub .commkit_text .flx .box p{
        font-size: 15px;
    }
    .sub .subScript,
    .sub .page_Decsub,
    .sub .subTxt{
        padding: 0px 15px 0
    }
    .sub.tcpawrap .align_wrap .align_left .tcpa_list > li{
        padding: 30px 14px;
    }
    .sub .getWrap .box li h4{
        font-size: 16px;
    }
    .get-started-easily .jumbotron .text-group .desc{
        margin-bottom: 16px;
        padding: 0;
        font-size: 15px;
    }
    .get-started-easily .jumbotron .text-group .title{
        font-size: 26px;
    }
    .mio .text.medium{
        font-size: 15px;
    }
    .main .section-title-type02{
        margin-bottom: 16px;
        font-size: 26px;
        line-height: 28px;
    }
    .mio .text.medium{
        padding: 0 15px;
    }
    .mio .btn-box{
        margin: 16px 0 0px;
    }
    .svc .text.medium{
        font-size: 15px;
    }
    .wkbh .jumbotron .text-group .desc{
        padding: 0;
        font-size: 14px !important;
        line-height: 26px;
    }
    .main .jumbotron .text-group .desc{
        font-size: 15px;
    }
    .wkbh .jumbotron .text-group .title{
        line-height: 1.3;
    }

    .inner-13.wk {
        padding-top: 49%;
        background-image: url('/images/main/svg_features_list10.png');
        background-position: center -5px;
    }
    .wkbh h1 {
        padding: 0 15px;
        font-size: 26px;
    }
    .sub .getWrap{
        margin-bottom: 0;
    }
    .hbspt-form .hs-form-field label {
		margin-top: 10px;
		font-size: 14px !important;
	}
    .hbspt-form .hs-form-field .input select{
        font-size: 14px !important;
    }
	.form-columns-2 > div {
		float: none !important;
		width: 100% !important;
		padding: 0 !important;
	}
    .marketing-list li {
        width: 50%;
        margin-top: 22px;
    }
    .card-list p{
        font-size: 15px;
    }
    .tp-contact-banner .inner{
        padding: 40px 15px 0 !important;
    }
    .tp-contact-banner .freetrial_box{
        padding: 0px 0 14px !important;
    }
    .tp-contact-banner .form_box .hbspt-form .hs-form-field label{
        display: block;
        /*margin-top: 12px !important;*/
    }
    .tp-contact-banner .form_box .form-columns-2 + .form-columns-2, .tp-contact-banner .form_box .form-columns-2 + .form-columns-1{
        margin-top: 0;
    }
    .why-trumpia-type .jumbotron .text-group .title{
        font-size: 20px;
    }
    .why-trumpia-type .jumbotron .text-group .desc{
        font-size: 15px;
    }
    .sub.tp-door-container{
        margin-top: 50px;
    }

    .sub .tp-btn-box.auto{
        margin: 59px 0 40px 0;
    }
    .sub .core_list .ball_list:nth-of-type(1){
        padding-top: 0;
    }
    .sub .core_list .ball_list{
        padding: 40px 0;
    }
    .sub .core_list .ball_list:last-of-type{
        padding-bottom: 0;
    }
    .sub .tp-door-title-sub{
        font-size: 15px;
    }
    .sub .ball_list .ball em img{
        width: 100px;
        height: 100px;
    }
    .sub .content_box .tp-side-txt{
        margin-top: 0;
    }
    .sub .content_box .tp-side-txt.doWrap{
        margin-top: 20px;
        padding: 0;
    }
    .sub .doWrap .tp-side-txt.odd{
        margin: 40px 0 0 0px;
    }
    .sub .messtxt .content_box .doWrap.tp-side-txt{
        margin: 40px 0 0 0;
        padding: 0;
    }
    .sub .messtxt .content_box .page_Decsub{
        margin-top: 0;
    }
    .sub .appointment .content_box{
        padding: 0 15px;
    }
    .sub .tp-door-cont.smsMk .tp-side-img img{
        width: 100%;
    }
    .sub .overview .tp-door-title-sub,
    .sub .overview .tp-door-list-type02{
        padding: 0;
    }
    .sub .overview .tp-door-list-type02 li{
        height: auto;
        padding: 30px 20px;
    }
    .sub .tp-door-cont .tp-side-img img{
        width: 70%;
        margin-bottom: 0;
    }
    .sub .subCont2.tp-door-cont .tp-side-img img{
        width: 100%;
    }
    .sub .subCont2 .tp-side-txt{
        text-align: center;
    }
    .sub .howto .tp-door-title-sub{
        padding: 0;
    }
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(3)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(4)::after {
        width: 94px;
        top: 40%;
        left: 0;
    }
    .sub .round_list dt{
        width: 100px;
        height: 100px;
        margin-bottom: 16px;
    }
    .sub .round_list dt img {
        width: 42%;
    }
    .sub .par_con.support + .round_list{
        margin-bottom: 0;
    }
    .faq_wrap .tapcontent{
        margin-bottom: 60px;
    }
    .sub.autotxtmsg .campaign li .title{
        font-size: 20px;
    }
    .sub.autotxtmsg .basic li{
        padding: 30px 20px 47px;
    }
    .sub.autotxtmsg .basic li .tp-door-title.tp-type04{
        font-size: 20px;
        padding: 54px 0 0px 0;
        background-position: 0 0;
    }
    .sub .txtautoList .tp-door-side .tp-side-img img{
        width: 90%;
        margin-top: 40px;
    }
    .sub .txtautoList .tp-door-side{
        margin-top: 0;
    }
    .sub .txtautoList .tp-door-side.dashed{
        padding-bottom: 40px;
    }
    .sub .txtautoList .tp-door-side + .tp-door-side{
        margin-top: 0;
    /* padding-top: 40px;*/
    }
    .sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n),
    .sub .txtautoList.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
        margin-bottom: 40px;
    }
    .tp-door-cont .tp-side-img.reverse img{
        margin-top: 0;
    }
    .sub.autotxtmsg .tp-door-cont .tp-door-side.pd .tp-side-txt{
        /*margin-top: 30px;*/
    }
    .sub.autotxtmsg .tp-side-img.mo img{
        width: 100%;
        margin-bottom: 40px;
    }
    .sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row iframe{
        height: 200px;
        margin: 0;
    }
    .sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row iframe + iframe{
        margin-top: 40px;
    }
    .sub.autotxtmsg .tp-door-cont .tp-side-img.iframe-type.row{
        margin-bottom: 60px;
    }
    .sub .automation_list > li{
        margin-top: 20px;
    }
    .sub .automation_list.li_box_type{
        padding: 0 40px;
    }
    .sub .automation_list{
        padding: 0;
    }
    .sub.autotxtmsg .itg{
        margin-bottom: 0;
    }
    .popup .hbspt-form .hs-submit{
        text-align: center;
    }

    .get_pricing_form strong{
        padding: 25px 30px 0px;
        text-align: center;
        font-size: 20px;
    }
    .automation_intro .formboox .hbspt-form{
        margin-top: -1px;
        padding: 0px 30px 25px;
    }
    .get_pricing_form.formboox .hbspt-form .hs-form-field input{
        height: 36px;
        padding: 8px 12px;
        font-size: 14px;
    }
    .get_pricing_form.formboox .hbspt-form .hs-form-field input::placeholder{
        font-size: 14px;
    }
    .sub .animation .tp-door-title.tp-type02{
        text-align: center;
    }
    .sub .animation .aniWrap ol li{
        margin-bottom: 20px;
    }
    .sub .automated-level .content_box{
        padding: 0;
    }
    .sub .automated-level .circle-list{
        margin-top: 60px;
    }
    .sub .automated-level .square-list{
        justify-content: space-evenly;
        margin-top: 0;
        margin-bottom: -30px;
        padding: 0;
    }
    .sub .automated-level .square-list > li{
        margin: 0 0 30px 0px;
    }
    .sub .automated-level .square-list > li > a{
        width: 158px;
        height: 158px;
        padding-top: 91px;
    }
    .sub .automated-level .square-list > li > a:before{
        top: 22px;
    }
    .sub .ball_list .title-dp3,
    .sub .ball_list h2{
        font-size: 20px;
    }
    .sub .core_fe .core_list .tp-btn-box{
        /*margin-top: -9px;*/
        /*margin-bottom: -14px;*/
    }
    .sub .core_fe{
        margin-bottom: 40px;
    }
    .sub .core_fe .core_list .tp-btn-box.omni{
        margin-top: 20px;
        margin-bottom: 0;
    }
    .sub .sub_colorbox > div strong{
        font-size: 20px;
    }
    .credit_wrap .page_Dec{
        font-size: 15px;
    }
    .sub .icon_textlist ul li,
    .sub .more_list.icon_textlist ul li{
        padding: 30px 20px;
    }
    .forbes_wrap.tp-door-cont{
        margin: 40px auto 60px;
        padding: 0 15px;
    }
    .forbes_wrap .txt img{
        width: 70%;
        margin-top: 20px;
    }
    .forbes_wrap .camp{
        width: 100% !important;
    }
    .sub .case_main .page_Dec{
        padding: 0;
        font-size: 20px;
    }
    .sub .casecard_wrap > ul{
        width: 100% !important;
        column-gap: 28px;
        justify-content: center;
        margin-bottom: -26px;
    }
    .sub .casecard_wrap > ul > li{
        width: 151px;
        height: 175px;
        margin-bottom: 26px;
    }
    .sub .casecard_wrap > ul > li > a > div > strong{
        font-size: 12px;
    }
    .sub .study_roll .lifecycle_roll .rollin{
        max-width: 330px;
    }
    .sub .study_roll .lifecycle_roll .rollin ol li{
        width: 326px;
    }
    .sub .study_roll .liferoll_right,
    .sub .study_roll .liferoll_left{
        width: 28px;
        height: 28px;
    }
    .sub .study_roll .liferoll_left:after,
    .sub .study_roll .liferoll_right:after{
        width: 7px;
        height: 7px;
    }
    .sub .study_roll .liferoll_right:after{
        right: 12px;
    }
    .sub .study_roll .liferoll_left:after{
        left: 12px;
    }
    .sub.tcpawrap .align_wrap .align_left .tcpa_list > li em{
        width: 27px;
    }
    .sub .tcpa_box .resource_list h3::after{
        width: calc(100% - 170px);
    }
    .sub.tcpawrap .tcpa_box .page_Decsub .br{
        display: block;
        margin-top: 15px;
    }

    .roi_form .form_wrap p.dec_text{
        width: 100%;
        bottom: 107px !important;
        padding: 0 30px;
        text-align: center;
    }
    .day_graph_in{
        width: 100%;
    }
    .roi_resetbox + .btn_align_C a{

    }
    .roi_resetbox + .btn_align_C a + a{
        margin-left: 0px;
        margin-top: 16px;
    }
    .card-box-core .card-box-head,
    .card-box-adv .card-box-head{
        padding: 30px 16px 0;
    }
    .pricing-board>p{
        font-size: 20px;
    }
    .pricing-board>p em{
        font-size: 40px;
    }
    .pricing-board .basics {
        font-size: 16px;
        vertical-align: baseline;
        margin-right: 10px;
    }
    .pricing-cont .title[class*=add-icon]{
        padding-top: 60px;
        line-height: 1.1;
    }
    .pricing-cont .title{
        font-size: 26px;
    }
    .pricing-cont {
        padding: 60px 0;
    }
    .pricing-cont.card .cardWrap .card-box li + li {
        margin-top: 16px;
    }
    .card-box-type02>li{
        padding-top: 0;
    }
    .faq_wrap.sub{
        margin-bottom: 60px;
    }
    .roi_form .form_wrap .hs-form-field label{
        font-size: 14px;
    }
    .sub.roi_wrap {
        margin-top: 0;
    }
    .sub .roi_form{
        margin-top: 0;
    }
    .sub.tcpawrap .tcpa_box .listline_box > div > ul > li{
        padding: 2px 0 2px 28px;
        background-position: 0 7px;
        background-size: 16px;
    }
    .sub.autotxtmsg .moreTxt.tw{
        display: none;
    }
    .sub .smsMk .tp-side-img.imgSms{
        margin-left: 0;
    }
    .sub .smsMk .tp-door-desc{
        text-align: left;
    }
    .sub .content_box .tp-side-txt.doWrap.redminder{
        padding: 0;
        margin: 40px 0 0 0;
    }
    .sub .appointment .tp-door-list-bullet li{
        font-size: 15px;
    }
    .sub .subTab.normal .tp-door-list-bullet li{
        font-size: 15px;
    }
    .sub .coreft{
        margin: 0px 0 40px;
    }
    .day_graph_in .graph_body .cost_left{
        top: 6px;
        left: -60px;
    }
    .main-visual .forbes-link span{
        padding: 0px 0 0px 16px;
        background: url(/images/main/img_arrow_right.svg) 68px 30px no-repeat;
    }
    .download-handout + .section.txtMrkt{
        margin-top: 40px;
    }
    .section.txtMrkt .section-title-type02{
        margin-bottom: 0;
    }
    .advantage_list ul li{
        margin: 0;
        padding: 30px 20px;
    }
    .sub .landline .content_box .tp-side-txt.doWrap .tp-side-img{
        margin-top: 40px;
    }
    .sub .subTab .cont .tab h3{
        margin-bottom: 16px;
        font-size: 20px;
    }
    .sub .content_box .iframeWrap iframe{
        height: 185px;
    }
    .sub .icon_textlist.adv2 ul li {
        height: auto;
    }

    .sub .appointment.tp-door-cont [class*=tp-side-img]:nth-child(2n){
        margin-left: 0;
    }
    .sub .tp-door-cont.appointment .tp-side-img img{
        width: 100%;
    }
    .sub .tp-door-cont.appointment .tp-side-img.mbn{
        margin-bottom: 0;
    }


    .sub .tp-door-cont.appointment .tp-door-side:nth-of-type(1){
        /*margin: 0; #124988*/
    }
    .sub .messtxt .content_box .page_Decsub{
        margin-top: 40px;
    }
    .sub .par_con.support{
        margin: 0;
    }
    .tp-doorway-top .content_box .txtBox h2{
        padding: 0 15px;
        text-align: center;
    }
    .sub .appointment .tp-side-img ~ .tp-side-txt,
    .sub .appointment .tp-side-txt ~ .tp-side-img{
        margin-left: 0;
    }
    .sub .appointment.tp-door-cont [class*=tp-side-img]:nth-child(2n){
        margin-left: 0;
    }
    .sub.autotxtmsg .getstart .tp-door-title.tp-type04{
        font-size: 20px;
    }
    .sub.autotxtmsg .getstart .tp-door-list-card-type04>li ul{
        margin-top: 20px;
    }
    .sub .icon_textlist.adv3 ul li{
        height: auto;
    }
    .sub .reportxt{
        font-size: 16px;
    }
    .sub_dec{
        font-size: 15px;
    }
    .sub .intg h2.tp-door-title{
        margin-bottom: 27px;
        padding-left: 0;
        text-align: center;
    }
    .sub .intg .img_textbox .tp-door-title{
        padding-top: 110px;
        font-size: 20px;
    }
    .sub .intg .img_textbox > p{
        font-size: 15px;
    }
    .sub .intg .img_textbox + .img_textbox{
        margin-top: 20px;
    }
    .sub .adv_list{
        margin-top: -6px;
    }
    .sub .kit_icon ul li{
        margin: 13px 7px;
    }
    .sub .animation .aniWrap ol li .num{
        font-size: 20px;
    }
    .sub .list-wb .box .wrap .title{
        padding-top: 60px;
        font-size: 20px;
    }
    .sub .img-wb{
        margin-top: -60px;
        padding: 60px 15px;
    }
    .sub .img-wb .text-group .tp-door-title{
        margin-top: 0;
    }
    .sub .img-wb .text-group .desc{
        padding: 0 15px;
    }
    .sub .tab-type01 .tab-menu li a{
        padding: 7px 0px 7px 9px;
        background-position: 9px center;
    }
    .sub .tab-type01 .tab-menu li.active:nth-child(4){
        box-shadow: none;
    }
    .sub .tp-door-title.mg{
        margin-bottom: 20px;
        text-align: center;
    }
    .sub .tp-door-title.mg + p{
        padding: 0 15px;
        text-align: center;
    }
    .sub .flxBox .list-type02 > li .title{
        font-size: 20px;
    }
    .sub .flxBox .list-type02 > li{
        margin-top: 40px;
    }
    .sub .targeting_example.big .content_box{
        padding: 0 15px;
    }
    .sub .pd-270 .list-wb .box .wrap{
        min-height: auto;
    }
    .sub .compliance_contact{
        padding: 0px 15px 0;
    }
    .sub .icon_textlist.campaign ul > li{
        padding: 30px 20px;
    }
    .sub .icon_textlist.campaign ul > li + li{
        margin-left: 0;
        margin-top: 30px;
    }
    .sub .icon_textlist.campaign ul li .bullet_list li{
        margin-top: 0;
    }
    .sub .icon_textlist.adv4 ul li{
        height: 358px;
    }
    .sub.solution .tp-door-title.add-icon{
        font-size: 20px;
    }
    .sub.solution .tp-door-list-card-type04.company-type.column01{
        margin-top: 20px!important;
    }
    .sub.solution .tp-door-cont .tp-door-side.dot{
        padding: 40px 0;
    }
    .sub.solution .tp-door-cont .tp-door-side.dot:last-of-type{
        padding-bottom: 0;
    }
    .sub.solution .tp-door-cont [class*=tp-side-img]:nth-child(even){
        margin-left: 0;
    }


    .sub.solution .sell_more > .content_box{
        padding: 0 15px;
    }
    .sub .page_Decsub .tp-btn-box a + a{
        margin-top: 14px;
        margin-left: 0;
    }
    .sub .page_Decsub .tp-btn-box.two a + a{
        margin: 0;
    }
    .sub .affiliate_program.white .flx{
        padding: 0;
    }
    .sub .affiliate_program.white .number_list{
        padding: 0 15px;
    }
    .sub .affiliate_program.white .number_list > li em{
        font-size: 20px;
    }
    .sub .affiliate_program.white .number_list > li{
        padding: 20px 0 20px 44px;
    }
    .sub .automated-level h2 + p{
        font-size: 15px;
    }
    .tp-door-cont.sub.forbes{
        margin-top: 30px;
        padding: 0;
    }
    .sub .fbtxt img{
        width:70%;
    }
    .sub .fbtxt .page_Decsub{
        padding: 0;
    }
    .forbes_wrap{
        margin: 40px auto 60px !important;
    }
    .forbes_wrap .camp{
        width: 266px !important;
        margin: 0 auto 20px !important;
        font-size: 14px !important;
    }
    .sub .spt_list ul li .box .spt_tit{
        font-size: 20px;
    }
    .sub .case .tp-door-title.tp-type02 + .page_Dec{
        margin-top: 30px;
    }
    .sub .resource_box.line_list li{
        background-position: 0 30px;
    }
    .sub.tcpawrap .tcpa_box .resource_list{
        padding: 30px 14px;
    }
    .tcpa_box .resource_list h3{
        font-size: 20px;
    }
    .sub .roi_resetbox h2{
        font-size: 24px;
    }
    .sub .roi_compare{
        padding: 60px 0;
    }
    .sub .step_list > ul > li{
        padding: 20px 0;
    }
    .sub .step_list.first > ul > li:nth-child(1),
    .sub .step_list > ul > li.first:nth-child(1){
        padding-top: 0;
    }
    .sub .step_list{
        margin: 30px 0 0 0;
    }
    .sub.solution .tp-door-list-card-type04 .txtBox{
        padding: 32px 20px;
    }
    .sub.solution .church .jumbotron .text-group .tit{
        font-size: 20px;
    }
    .sub.solution .church .jumbotron .text-group .desc{
        font-size: 15px;
    }
    .sub .cerdit_tap ul li > a{
        font-size: 15px;
    }
    .sub .table_box1 > div > h2,
    .sub .table_box1 > div > h3{
        font-size: 16px;
    }
    .sub .credit_table .table_wrap table thead th:nth-child(2){
        padding: 7px 7px 7px 0;
    }
    .sub .integration_listbox .boxWrap li{
        min-height: auto;
    }
    .sub .integration_listbox .boxWrap li + li{
        margin-top: 40px;
    }
    .sub .case .page_Dec{
        padding: 0;
    }
    .study_case .tp-door-title.tp-type02 + .align-C{
        padding: 0px;
    }
    .sub .learn_list > strong{
        margin-top: 20px;
        font-size: 20px;
    }
    .sub .smsMk.tp-door-cont .tp-door-side + .tp-door-side,
    .sub .survey.tp-door-cont .tp-door-side + .tp-door-side{
        margin-top: 40px;
    }
    .sub .survey.tp-door-cont .tp-door-side.top .tp-side-img img{
        width: 100%;
    }
    .sub .subCont.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
        margin: 52px 0px 0 0;
    }
    .sub .tooltip{
        width: 330px;
        height: 220px;
        bottom: 114px;
        left: 0;
    }
    .seesample.on:after {
        bottom: -20px;
    }
    .sub .trumpiaad2 .advantage_list ul li,
    .sub .icon_textlist.adv1 ul li{
        height: auto;
    }
    .sub .icon_textlist.fb ul{
        margin: 0;
    }
    .sub .icon_textlist.manage ul{
        margin-bottom: -15px;
    }
    .sub .icon_textlist.compliant ul li{
        height: auto;
    }
    .sub .icon_textlist.compliant ul li:nth-child(2){
        min-height: 360px;
    }
    .sub .icon_textlist.compliant ul li.on:nth-child(2){
        height: 434px;
    }
    .moreBtn{
        bottom: auto;
    }
    .sub .affiliate_program.white .number_list > li:last-child{
        padding-bottom: 0;
    }
    .sub .right_form.formboox .hbspt-form .form-columns-2 > div:last-child{
        margin-left: 0;
    }
    .sub .intg .img_textbox {
        padding-left: 0px;
    }
    .sub .intg .integrations_list li::before{
        line-height: 1.4;
    }
    .sub .automation_list.li_box_type li{
        margin: 20px 0;
    }
    .tp-doorway-top .content_box .txtBox{
        padding-bottom: 0;
    }
    .sub .automated-level .circle-list h3{
        font-size: 20px;
    }
    .sub .icon_textlist.compliance_wrap ul li{
        padding: 30px 37px;
    }
    .sub.solution .tp-door-card .text-group{
        padding: 32px 20px;
    }
    .sub.solution .tp-door-cont .tp-door-side + .tp-door-side{
        /*padding-top: 0;*/
    }
    #contact_wrap .hbspt-form .hs-form-field .input input{
        height: 36px;
        font-size: 14px;
    }
    #contact_wrap .hbspt-form .hs-form-field label{
        font-size: 14px;
    }
    #contact_wrap .hbspt-form .hs-error-msgs label{
        font-size: 14px;
    }
    .sub .how_work ol{
        margin-top: 0px;
        margin-bottom: -30px;
    }
    .sub .table_box1 > div > h2,
    .sub .table_box1 > div > h3 {
        height: 47px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    .sub .table_box1 > div > table {
        margin-top: 47px;
    }
    #contact_wrap{
        padding: 30px 15px 60px;
    }
    #contact_wrap h1{
        margin-bottom: 22px;
        font-size: 20px;
        line-height: 1.5;
    }
    .sub .smsMk.tp-door-cont .tp-side-img .wtd{
        width: 100%;
    }
    .sub .study_case .bg_text .box-txt p + p{
        font-size: 12px;
    }
    #coreGetForm .pop_title, #advGetForm .pop_title{
        margin-bottom: 29px;
        font-size: 20px;
    }
    .hbspt-form .hs_error_rollup li{
        text-align: left;
    }
    .sub .doWrap .mms_list li + li{
        margin-top: 40px;
    }
    .sub .casestudy{
        margin: 0 auto 60px;
    }

    .sub .howto .videoWrap {
        width: 100%;
        height: auto;
        margin-top: 60px;
        padding: 0 ;
    }

    .sub .howto .videoWrap iframe{
        min-height: 200px;
    }
    .sub.solution .jumbotron img{
        max-width: 100%;
    }
    .pricing-cont.card{
        margin-top: -231px;
    }
    .forbes_wrap .cont,
    .forbes_wrap .copy {
        display: none;
    }
    .forbes_wrap .camp {
        width: 366px;
        margin: 40px auto 20px;
        padding: 15px 14px;
        display: block;
        background-color: #eef2fe;
        border-radius: 10px;
        color: #435aa8;
        font-family: poppins;
        font-weight: 600;
    }
    .forbes_wrap .moImg {
        display: block;
        width: 100%;
        max-width: 323px;
        margin: 0 auto;
    }
    .forbes_wrap .moImg img{
        width: 100%;
    }
    .sub .survey .tp-door-side .tp-side-img .resize{
        width: 100%;
    }
    .sub .tp-door-cont .tp-side-img img,
    .sub .tp-door-cont .tp-side-img object{
        width: 100%;
    }
    .credit_feature{
        padding-bottom: 60px;
    }
    .videoEmail .hover-card .cardWrap + .cardWrap{
        margin-left: 0;
        margin-top: 20px;
    }
    .sub .subCont2.tp-door-cont [class*=tp-side-img]:nth-child(2n-1){
        margin-top: 0;
        margin-bottom: 40px;
    }
    .sub .usecase_tap .accordion_text .accordion_wrap.on .accordion_con{
        padding-bottom: 0;
    }
    .input_cell{
        padding: 0 15px;
    }
    #float_contact .popup {
        transform: translate(-50%, 0%) !important;
    }
    .sub .icon_textlist ul.advanlist li{
        padding: 30px 16px;
    }
    .sub .vote_biz > .content_box{
        padding: 0;
    }
    .sub .vote_biz .content_box .check_box{
        margin-bottom: 0;
        padding: 40px 16px;
    }
    .vote_biz > .content_box > .check_box h3{
        text-align: center;
        line-height: 1.3;
    }
    .sub .vote_biz .content_box .check_box ul li{
        background-position: 0 3px;
    }
    .sub .subScript + .btn_box.flx{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .sub .btn_box.flx a{
        margin-top: 14px;
    }
    .sub .btn_box.flx a:last-child{
        margin-left: 0;
        flex-wrap: nowrap;
    }
    .sub .smsMk .flx-col .box-img.wtd{
        padding: 0;
    }
    .sub .howto .howTobg{
        height: calc(100% + 60px);
        top: -60px;
    }
    .sub .howto{
        margin: 60px 0;
    }
    .sub .pcj .flx-col .box-img{
        padding: 0 12px;
    }

    .sub.shopify-wrap .tp-side-txt .imgWrap img{
        width: 100%
    }
    .withus .imgWrap div{
        height: 230px;
    }
}


/*older*/
@media screen and (max-width:1380px) {
    .card_overbox ul li {
        width: 48%;
        height: 245px;
    }

    .card_overbox ul li > span p {
        padding: 30px 26px 0 26px;
    }

    .card_overbox ul li > span p.bot_text {
        bottom: 30px;
    }

    .life_wrap .content_box {
        width: 100%;
        padding: 0 15px;
    }

    .liferoll_left {
        left: 0;
    }

    .liferoll_right {
        right: 0;
    }
}
@media screen and (max-width:1280px) {
    .sms_make .content_box .sms_makecon {
        width: 440px;
        padding-left: 40px;
    }

    .sms_make2 .content_box > ul > li {
        height: 580px;
    }

    .emailtosms .content_box {
        padding: 0 556px 0 40px;
    }

    .fitness .sell_more > .content_box:after {
        right: 0;
    }

    .fitness .sell_more > .content_box {
        padding: 30px 530px 0 30px;
    }
    .tp-contact-banner .freetrial_box{
        text-align: center;
    }
    .tp-contact-banner .freetrial_box span{
        font-size: 16px;
    }
    .sub .vote_advan .tp-door-title.tp-type02,
    .sub .vote_advan .page_Decsub{
        text-align: center;
    }
}
@media screen and (max-width:1250px) {

    .credit_table .table_wrap {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .sub_colorbox > div {
        height: auto;
    }

    .credit_table.feature .table_wrap {
        width: 31%
    }

    .credit_table.feature .table_wrap > h2 {
        top: 73px;
        padding-right: 2%;
        font-size: 25px;
    }

    .page-tit-depth2.pricing {
        height: 200px;
    }

    .lifecycle_roll {
        width: 100%
    }

    .lifecycle_roll .rollin {
        max-width: 640px;
        margin: 0 auto;
    }

    .lifecycle_roll .rollin ol li {
        margin-right: 25px;
    }

    .lnb {
        width: 250px;
        margin-right: 35px;
    }

    .more_advantage .moreadvantage_list li {
        width: 360px;
        margin: 0 25px 20px 0;
    }

    .more_advantage .moreadvantage_list li:first-child {
        margin-left: 0;
    }

    .summry_img > ul > li {
        margin-bottom: 15px;
    }

    .summry_img.big > ul > li {
        /*width: 50%*/
    }

    .summry_img > ul > li > div > span {
        text-align: center;
    }

    .self_list ul li {
        width: 19%;
        margin: 0 0 0 1%;
        background-size: 100% !important;
    }

    .day_graph {
        width: 41%
    }

    .increase_graph {
        width: 50%
    }

    .smsobj_box {
        left: 500px;
    }

    .smsobj_box span.smsbook {
        left: 400px;
    }

    .smsobj_box span.smsclock {
        left: 260px;
    }

    .sms_why li {
        width: 350px;
    }

    .iconcon_list > ul > li {
        float: none;
        width: 100%;
        height: auto;
        padding: 35px 20px 35px 75px;
        background-position: left 37px !important;
    }

    .iconcon_list > ul > li:nth-of-type(2) {
        border-top: dashed 2px #e1e1e1;
    }

    .iconcon_list ul li:nth-of-type(4),
    .iconcon_list > ul > li:nth-of-type(3),
    .mass_use .iconcon_list ul li:nth-of-type(4),
    .mass_use .iconcon_list > ul > li:nth-of-type(3) {
        height: auto;
    }

    .example_mass .iconcon_list > ul > li {
        height: auto;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(3),
    .mass_advantage .massadvantage_list > li:nth-of-type(4),
    .mass_advantage .massadvantage_list > li:nth-of-type(5) {
        width: 100%;
        height: auto !important;
        margin-left: 0;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3),
    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
        height: auto;
    }

    .mass_advantage.text_blastad .massadvantage_list > li {
        height: 350px !important;
    }

    .organization_box > ul > li {
        height: 680px;
    }

    .church_study .shadow_boxwrap > ul > li {
        width: 47%
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(4),
    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(5),
    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
        width: 49%
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
        margin-left: 0;
    }

    .example_mass.appoint .iconcon_list > ul > li:nth-of-type(4) {
        display: none;
    }

    .surveys.example_mass {
        padding: 60px 0 0 0;
    }

    .mass_advantage.surveys .massadvantage_list > li {
        width: 100% !important;
        height: auto;
        margin: 0 0 20px 0;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(6) {
        display: none;
    }

    .table_guide ul li {
        width: calc(25% - 49px);
    }

    .fitness .sell_more > .content_box {
        padding: 0 30px;
    }

    .fitness .car_section {
        padding: 100px 30px;
    }

    .fitness .sell_more > .content_box:after {
        position: relative;
        top: 0;
        right: 0;
        margin: 50px auto 0 auto;
    }

    .fitness .top_banner > h1 {
        width: 100%
    }

    .hr_communication .content_box:after {
        width: 500px;
        background-size: 100%
    }

    .hr_communication .content_box > div {
        padding: 0 500px 0 0;
    }

    .text_recruit .content_box {
        padding: 0 30px;
    }

    .text_recruit .text_recruitdec {
        position: relative;
        width: 100%;
        margin-bottom: 100px;
        padding: 0;
    }

    .wh_numbox > ul > li > div {
        height: 423px;
    }

    .financial.accounting_keep > .content_box {
        padding: 0 376px 0 30px;
    }

    .financial.accounting_keep > .content_box:before {
        right: 30px;
    }

    .recorede_box ul li {
        max-width: 300px;
    }

    .recorede_box ul li .play_box {
        top: -20px;
    }


}
@media screen and (max-width:1200px) {
    .content_box{
        width: 100%;
    }
    .sub .tp-door-cont .tp-door-side.reverse {
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .sub .txtadv.smsMk.tp-door-cont .tp-door-side{
        margin: 0 0 60px;
    }
    .sub .txtadv.smsMk.tp-door-cont .tp-door-side:nth-of-type(1) {
        margin-top: 40px;
    }
    .sub.solution .sell_more .tp-door-side .sideBox + .sideBox{
        margin-left: 0px;
    }
    .sub .txtadv .tp-door-title.tp-type03{
        margin-top: 0;
        margin-bottom: 1px;
    }
    .sub .txtadv.tp-door-cont .tp-side-img{
        margin-bottom: 0;
    }
    .sub .txtadv.tp-door-cont .tp-side-img img{
        margin-bottom: 0;
    }
    .sub .tp-door-cont.sell_more.car_section .tp-door-side.reverse{
        flex-direction: column-reverse;
    }
    .sub .tp-door-cont.sell_more.car_section .tp-door-side.reverse .sideBox:nth-of-type(1){
        margin-top: 40px;
    }
}
@media screen and (max-width:1180px) {
    .videoEmail .hover-card .card{
        width: 100%;
        height: auto;
    }
    .hover-card {
        width: 100%;
        margin-top: 60px;
    }
    .roi_form .form_wrap{
        width: 100%;
        padding: 40px 20px !important;
    }
    .roi_form .form-columns-2 > div {
        float: none !important;
        width: 100% !important;
        padding: 0 !important;
    }
    .form-columns-2 > div:last-child {
        padding-left: 0%;
    }
    .roi_form .form_wrap .hs_submit{
        text-align: center;
    }
    .roi_form .form_wrap .hbspt-form .actions{
        min-width: auto;
        width: auto;
        margin-top: 73px;
    }
    .roi_form .form_wrap p.dec_text{
        width: 100%;
        left: 50%;
        bottom: 118px;
        transform: translateX(-50%);
        text-align: center;
    }
    .compliance_list ul li {
        width: 100% !important;
        height: auto;
        padding: 30px;
    }

    .compliance_list ul li > div {
        position: relative;
        right: auto !important;
        width: 100% !important;
    }

    .our_wrap ul li {
        width: 250px;
        height: 150px;
        margin-left: 38px;
        padding: 100px 0 0 0;
    }

    .our_wrap ul li:nth-of-type(1) {
        background-position: center 14px;
        background-size: 90px;
    }

    .our_wrap ul li:nth-of-type(2) {
        background-position: center 19px;
    }

    .our_wrap ul li:nth-of-type(3) {
        background-position: center 18px;
    }

    .recorede_box ul li:before {
        height: 160px;
    }

    .recorede_box ul li .play_box {
        padding: 45px 0 0 0;
    }

    .recorede_box ul li .play_box strong {
        font-size: 18px;
    }

    .tap_type1 ul li {
        width: 33.3% !important;
        border-bottom: 1px solid #d7d7d7;
    }

    .tap_type1 ul li:nth-child(3) {
        border-right: 0;
    }

    .tap_type1 ul li:nth-child(4),
    .tap_type1 ul li:nth-child(5) {
        border-bottom: 0;
    }

    .tap_type1 ul li:last-child {
        border-right: 1px solid #d7d7d7;
    }

    .connect_intro > h2 {
        font-size: 27px;
    }

    .connect_intro {
        padding: 0 470px 0 0;
    }

    .both_wrap > div {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0 !important;
    }

    .both_wrap > div > p {
        padding-right: 150px;
    }

    .discover_sms ul.discover_list {
        left: -40px;
    }

    .discover_sms ul.discover_list li {
        width: 130px;
        height: 130px;
        margin: 0 0 40px 40px;
        background-size: 100% !important;
    }

    .discover_sms ul.discover_list li a {
        padding: 79px 15px 0 15px;
    }

    .voiceuse > ul > li {
        padding: 40px 0 40px 150px;
        background-size: 120px !important;
    }

    .voiceuse > ul > li:nth-of-type(1) {
        padding: 0 0 40px 150px;
    }

    .campaigncard_wrap .cardlist ul li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .campaigncard_wrap .cardlist ul li > div {
        max-width: 100%;
        height: auto;
        margin-bottom: 30px;
        padding: 173px 30px 30px 30px;
    }

    .beyond_mobile .img_box {
        position: relative;
        margin-bottom: 30px;
        text-align: center;
    }

    .beyond_mobile {
        padding: 0;
        text-align: center;
    }

    .campaigncard_wrap.white .cardlist ul li > div {
        height: auto;
    }

    .reseller .resource_box ul li > div {
        height: 360px;
    }

    .library_box > ul {
        left: 0;
    }

    .library_box > ul > li {
        float: none;
        width: 100%;
        height: auto;
        padding: 0;
    }

    .library_box > ul > li > div {
        height: auto;
        border: none;
        background-position: center center !important;
    }

    .library_box > ul > li > div h2 {
        height: auto;
        padding: 30px 0;
    }

    .library_box > ul > li > div h2 br {
        display: none;
    }

    .library_box > ul > li > div .library_con {
        padding: 30px 50px;
    }

    .library_box > ul > li > div h2 {
        background-size: auto 70px !important;
    }

    .tapcontent .video_box li {
        width: 32%
    }

    .more_video .tapcontent {
        padding: 30px;
    }

    .complianceself_list > ul > li {
        width: 49%;
        height: 362px;
        margin: 0 0 20px 1%
    }

    .complianceself_list > ul > li:nth-of-type(3) {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .smsobj_box span.smslaptop {
        left: 120px;
        width: 443px;
        height: 332px;
        background-size: 443px;
    }

    .smsobj_box:after {
        top: -53px;
        left: 80px;
        width: 537px;
        height: 537px;
    }

    .smsobj_box span.smsclock {
        left: 210px;
    }

    .smsobj_box span.smsbook {
        left: 360px;
    }

    .sms_maintext strong {
        font-size: 50px;
    }

    .sms_maintext p {
        margin-top: 0;
        font-size: 30px;
    }

    .sms_why li {
        width: 330px;
        height: 590px;
    }

    .shadow_boxwrap > ol > li,
    .shadow_boxwrap > ul > li {
        width: 100%;
        margin: 0;
    }

    .autocam_dec > li {
        height: auto;
        margin-bottom: 30px !important;
    }

    .campaignlevel_wrap .level_titbox h2 {
        margin-bottom: 0;
    }

    .campaignlevel_wrap > .content_box {
        padding: 0 20px;
    }

    .campaignlevel_wrap .level_titbox {
        position: relative;
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
    }

    .campaign_sug > .content_box {
        padding: 0 20px 30px 352px;
    }

    .shadow_boxwrap.textblast > ul > li {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .shadow_boxwrap.short ul li {
        width: 100%
    }

    .shadow_boxwrap.short .text_blastlist > li {
        height: auto;
        margin-bottom: 20px;
    }

    .text_blastlist > li > strong {
        font-size: 20px;
    }

    .long_wrap {
        padding: 50px 0;
    }

    .long_wrap .common_numlist > li {
        min-height: 165px;
    }

    .long_wrap .mass_numlist ul li,
    .long_wrap .mass_numlist.long ul li {
        height: auto;
        min-height: 165px;
        margin-left: 0;
    }

    .short_usecase {
        padding: 60px 0;
    }

    .bussiness_list > li {
        height: auto;
        margin-top: 30px !important;
        background-size: 100px auto !important;
    }

    .bussiness_list > li:nth-of-type(1) {
        margin-top: 0 !important;
    }

    .long_advan .mass_numlist ul li {
        height: 472px;
    }

    .church_study .shadow_boxwrap > ul > li {
        width: 47%;
        margin-left: 2%
    }

    .appoint .common_numlist > li {
        height: auto;
        margin-bottom: 20px;
    }

    .tollfree .common_numlist > li {
        height: auto;
        min-height: 220px;
        margin-bottom: 30px;
    }

    .sub_advan ul li {
        width: 100%
    }

    .sub_advan {
        padding-bottom: 30px;
    }

    .telescript_box ul {
        position: relative;
        left: -2%
    }

    .telescript_box ul li {
        width: 23%;
        height: 170px;
        margin: 0 2% 2% 0 !important;
    }

    .sms_make2 .content_box > ul > li {
        width: 100%;
        height: auto;
        margin: 0 0 40px 0;
    }
    .vote_biz > .content_box {
        padding: 0 30px;
    }

    .vote_biz > .content_box > .check_box {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        margin-top: 40px;
    }
    .listline_box > div {
        width: 100% !important;
        margin: 0 !important;
    }
    .car_section.main_roll {
        padding: 0;
    }

    .car_section {
        padding: 60px 0;
    }

    .sell_more > .content_box:after {
        position: relative;
        top: 0;
        margin: 0 auto;
    }
    .sell_more > .content_box {
        padding: 0 30px;
    }

    .fitness .car_section {
        padding: 50px 30px;
    }

    .food_section {
        padding: 50px 0;
    }

    .food_section.main_roll {
        padding: 0;
    }

    .hr_section {
        padding: 50px 0;
    }

    .sales_section {
        padding: 50px 0;
    }

    .follow_sale.sales_section {
        padding: 50px 0 0 0;
    }

    .sales_section.main_roll {
        padding: 0 0 50px 0;
    }

    .follow_sale .content_box:after {
        position: relative;
        right: auto;
        bottom: auto;
        left: -19px;
        margin: 0 auto;
        background-position: center center !important;
    }

    .follow_sale .follow_con {
        margin: 0 0 50px 0;
        padding: 0;
    }

    .follow_sale .follow_con .car_tith1 {
        text-align: center;
    }

    .follow_sale .follow_con > p {
        text-align: center;
    }

    .medical_section,
    .nonprofit_section {
        padding: 50px 0;
    }

    .nonprofit_can .content_box > div {
        padding: 0;
    }

    .nonprofit_can .content_box > div:after {
        position: relative;
        top: auto;
        left: -20px;
        margin: 0 auto;
    }

    .political .car_section.main_roll {
        margin-bottom: 50px;
    }

    .political .sell_more > .content_box {
        padding: 0 30px;
    }

    .political .sell_more > .content_box:after {
        top: auto;
        right: auto;
        margin: 30px auto 0;
    }

    .customer .car_section.main_roll {
        margin-bottom: 50px;
    }
    .sub .stages-pcj li{
        position: relative;
        width: 100%;
        min-height: auto;
        padding-bottom: 24px;
    }
    .sub .stages-pcj li:nth-child(n){
        top: 0;
        left: 0;
        transform: none;
    }
    .sub .stages-pcj li:nth-child(n)::after{
        top: 100%;
        right: 49%;
        left: auto;
        transform: rotate(90deg);
    }
    .sub .stages-pcj li p:nth-child(1)::before{
        display: none;
    }
    .sub .stages-pcj .img-box{
        display: none;
    }
}
@media screen and (max-width:1150px) {
    .sms_main {
        height: 364px;
    }

    .sms_container {
        margin: 364px 0 0 0;
    }

    .sms_maintext {
        width: 100%;
        text-align: center;
    }

    .sms_why li {
        width: 31.3%
    }
    .sms_maintext {
        position: relative;
        z-index: 3;
    }

    .smsobj_box:after {
        display: none;
    }

    .smsobj_box {
        left: 0;
        z-index: 2;
        width: 100%
    }

    .smsobj_box span.smsbook {
        left: 730px;
    }

    .smsobj_box span.smslaptop {
        left: 310px;
        opacity: .3;
    }

    .sms_maintext p {
        color: #817dc5;
    }

    .smsobj_box span.smsbook {
        bottom: 140px;
    }
    .love_whylist ul li {
        width: 100%;
        height: auto;
    }

    .sms_main {
        height: 444px;
    }

    .sms_container {
        margin: 444px 0 0 0;
    }

    .marketing_decwrap {
        padding: 100px 0 80px 0;
    }

    .marketing_decwrap.mass {
        padding: 100px 0 80px 0;
    }
    .text_sms h2 {
        text-align: center;
    }
    .matter_con.textblast {
        margin-top: 30px;
    }

    .matter_con.textblast ul li {
        height: auto;
    }

    .bulk.matter_con ul li:nth-of-type(6) {
        display: none;
    }

    .bulk .common_numlist > li {
        width: 100%;
        height: auto;
        min-height: 242px;
        margin-bottom: 50px;
    }

    .bulk .common_numlist > li:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    .effcetive_dec {
        padding: 30px 0;
    }

    .matter_con.textmarketing ul li {
        background-position: left 20px !important;
    }

    .matter_con.textmarketing ul li:nth-of-type(2) {
        background-position: 10px 20px !important;
        background-size: 30px !important;
    }

    .getting_text .sms_why {
        padding: 50px 0;
    }

    .getting_text .sms_why li {
        min-height: 350px;
    }

    .organization_box > ul > li {
        float: none;
        width: 100%;
        height: auto;
    }

    .textMorganization {
        padding: 60px 0;
    }

    .textmarketing_usecase {
        margin: 50px 0;
    }

    .organization_box {
        margin-top: 40px;
    }

    .matter_con.group {
        margin-bottom: 0;
    }

    .beat_longwrap {
        padding: 0 0 50px 0;
    }

    .long.matter_con ul li {
        border-bottom: none !important;
    }

    .long.matter_con ul li:nth-of-type(2) {
        border-top: dashed 2px #e1e1e1;
    }

    .landline .what_sms {
        padding: 100px 0 0 0;
    }

    .landline.matter_con ul li {
        border-top: none;
    }

    .landline .common_numlist > li {
        margin-bottom: 20px;
    }

    .mass_howbox {
        padding: 60px 0;
    }

    .landline.example_mass {
        padding: 60px 0;
    }

    .mass_advantage.landline .massadvantage_list > li {
        width: 48%;
        height: 598px !important;
        margin-left: 1.3%
    }

    .sms_phone.landline {
        top: -50px;
    }

    .toll_infotext {
        padding: 0;
    }

    .tollfree .common_numlist > li p {
        margin-top: 30px !important;
    }

    .tollfree.sms_phone {
        top: 30px;
    }

    .tollfree.what_sms {
        padding: 390px 0 0 0;
    }

    .sub_tolldec {
        text-align: left;
    }

    .marketing_decwrap,
    .vote_advan,
    .vote_advan1{
        padding: 50px 0;
    }
    .vote_advan1 ul.advanlist > li {
        width: 50%;
        height: 383px;
    }

    .statis_box ul li {
        float: none;
        width: 100%;
        height: auto !important;
        margin-right: 0;
        margin-left: 0;
    }

    .statis_box ul li:nth-of-type(2) {
        margin-top: 20px;
    }

    .statis_box ul li.full {
        padding-bottom: 10px;
    }

    .statis_box ul li.full .guide_imgbox img {
        max-width: 100%
    }
    .sub .roi_form{
        padding: 15px;
    }
    .sub.shopify-wrap .flx-row{
        flex-direction: column;
        gap: 60px;
        margin-top: 60px;
        padding: 0 14px;
    }
    .sub.shopify-wrap .flx-row .box .tp-door-title{
        height: auto;
        margin-bottom: 20px;
    }
    .sub.shopify-wrap .flx-row .box p{
        font-size: 15px;
    }
    .sub.shopify-wrap .mg-top{
        margin-top: 0;
    }
    .sub.shopify-wrap .tp-side-txt .imgWrap{
        position: static;
        margin-top: 40px;
        text-align: center;
    }
    .sub.shopify-wrap .tp-side-txt h3{
        margin-bottom: 20px;
        text-align: center;
    }
    .sub.shopify-wrap .tp-side-txt p{
        text-align: center;
        font-size: 15px;
    }
    .sub.shopify-wrap .imgWrap.align-C img{
        width: 100%;
    }
    .sub.shopify-wrap .tp-side-txt .txtWrap{
        max-width: 100%;
    }
    .sub.shopify-wrap .result-visual {
        display: flex;
        gap: 30px;
        margin-top: 0;
        flex-direction: column;
        align-items: center;
    }
    .sub.shopify-wrap .result-visual li p:nth-child(1){
        margin-bottom: 0;
        font-size: 36px;
    }
    .sub.shopify-wrap .result-visual li p:nth-child(2){
        font-size: 16px;
    }
    .sub.shopify-wrap .whyWrap li {
        width: 100%;
    }
    .sub.shopify-wrap .whyWrap li h4{
        font-size: 20px;
    }
    .sub.shopify-wrap .visual-wrap{
        padding: 0;
        background-position: center 48%;
    }
    .sub.shopify-wrap .visual-wrap p{
        padding: 30px 0;
        font-size: 18px;
    }
    .sub.shopify-wrap .visual-wrap p::before,
    .sub.shopify-wrap .visual-wrap p::after{
        width: 30px;
        height: 20px;
        background-size: 30px;
    }
}
@media screen and (max-width:1080px) {

    .thanks_wrap{
        padding: 30px 0 60px;
    }
    .thanks_wrap h2{
        font-size: 20px;
    }
    .thanks_text .btn_box{
        width: 250px;
        margin: 0 auto;
    }
    .thanks_text .btn_box a{
        display: block;
    }
    .thanks_text .btn_box a + a{
        margin-left: 0;
        margin-top: 12px;
    }

    .login_wrap {
        min-height: auto;
    }

    .login_dec .dec_in,
    .login_form .form_in {
        float: none;
        width: 100%
    }

    .login_wrap.start .login_dec {
        float: none;
        width: 100%
    }

    .login_wrap.start .login_form {
        float: none;
        width: 100%
    }

    .login_dec,
    .login_form {
        float: none;
        width: 100%;
        height: auto;
        padding: 150px 0 40px 0;
    }

    .login_form {
        padding: 40px 0 40px 0;
    }

    .icon_box > p {
        padding: 0 116px 0 0;
    }

    .casecard_wrap > ul > li {
        width: 246px;
    }

    .plan_bot {
        margin-top: 10px;
    }

    .compliance_cycle {
        padding: 0 0 50px 0;
    }

    .compliance_cycle > ul > li > div {
        padding: 180px 15px 0 15px;
    }

    .compliance_cycle > ul > li > div:after {
        height: 160px;
        background-size: auto 160px !important;
    }

    .compliance_cycle > ul > li > div > ul.bullet_list {
        margin: 15px 0 0 0;
    }

    .compliance_cycle > ul > li > div > ul.bullet_list > li:after {
        top: 11px;
    }

    .discover_sms ul.discover_list {
        left: -20px;
    }

    .discover_sms ul.discover_list li {
        margin: 0 0 50px 50px;
    }

    .more_advantage {
        padding: 45px 0;
    }

    .usecase_intro {
        padding: 60px 424px 120px 0;
    }

    .tutorial_movie > a.down {
        right: 150px;
    }

    .tutorial_movie > a.movie {
        left: 150px;
    }

    .tutorialscon ul li {
        width: 50%
    }

    .tutorialscon ul {
        left: -25px;
    }

    .system_list {
        margin: 20px auto 0 auto;
    }

    .step_list img,
    .img_par img {
        max-width: 100%;
    }

    .step_list .step_dectxt img {
        max-width: auto;
    }

    .kit_info {
        padding: 70px 364px 60px 0;
    }

    .ball_list .icon_list.list_row li {
        width: 33% !important;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(2),
    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(3) {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(4),
    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(5),
    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .example_mass.appoint,
    .mass_advantage.appoint {
        padding: 60px 0;
    }

    .marketing_decwrap.mass {
        padding: 50px 0;
    }

    .mass_howbox.appoint {
        margin-top: 0;
    }

    .emial_box ul li {
        width: 100%;
        margin: 0 0 40px 0 !important;
    }

    .sms_make .content_box,
    .sms_phonebg .content_box {
        padding: 0 20px;
    }

    .phone_sms,
    .sms_make .content_box .sms_makecon {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        margin-bottom: 40px;
    }

    .phone_sms,
    .sms_make .content_box .sms_makecon {
        padding-left: 0;
    }

    .sms_make .content_box .sms_makecon p,
    .sms_make .content_box .sms_makelist h3,
    .sms_phonebg p,
    .title_smsser {
        text-align: center;
    }

    .adv_linelist > li {
        padding: 50px 0 50px 0;
    }

    .adv_linelist > li > h3 {
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 40px;
        text-align: center;
        background-position: center bottom !important;
    }

    .emailtosms .content_box {
        position: relative;
        padding: 0 40px;
        background: 0 0;
    }

    .emailtosms .content_box:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: url(/images/doorway/bg_email.png) no-repeat right bottom;
        background-size: 350px;
        opacity: .2;
    }

    .sms_make.email .content_box .sms_makecon {
        width: 100%
    }

    .sms_make.textto .content_box .sms_makecon {
        width: 100%;
        padding-left: 0;
    }

    .textto_restriction .content_box {
        padding: 45px 40px;
    }

    .textto_use {
        padding: 45px 10px;
    }

    .textto_restriction:before {
        width: 100%;
        background-position: center top;
        opacity: .2;
    }

    .textto_restriction.toll-free:before {
        width: 100%;
        background-position: center top;
        opacity: .2;
    }

    .textto_restriction.toll-free .content_box {
        padding: 45px 40px;
    }

    .about_tollfree,
    .sms_adv.tollfree,
    .tollfree_adver {
        padding: 50px 0;
    }

    .ask_tollfree > ul > li {
        margin-top: 50px;
    }

    .shadow_boxwrap.tollfree_ad > ul > li {
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
    }

    .hr_communication .content_box > div {
        margin-bottom: 50px;
        padding: 0;
    }

    .hr_communication .content_box:after {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        background-position: center top;
        background-size: 400px;
    }

    .hr_section.top_banner > h1 {
        font-size: 40px;
    }

    .hr_use > .content_box,
    .main_roll.hr_section {
        padding: 0 30px;
    }

    .medical_section.top_banner > h1 {
        font-size: 40px;
    }

    .wh_numbox > ul > li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
    }

    .wh_numbox > ul > li > div {
        height: auto;
    }

    .wh_numbox {
        margin-top: 30px;
    }

    .wh_numbox > ul > li > div > em {
        margin-bottom: 10px;
    }

    .nonprofit_section .wh_numbox > ul > li > div {
        height: auto;
    }

    .political .channel > .content_box > div {
        margin: 0;
    }

    .political .life_car .content_box ul li {
        width: 45%
    }

    .customer .life_car .content_box ul li {
        width: 45%;
        margin-left: 0 !important;
    }

    .customer_usecase ul li {
        width: calc(50% - 10px);
    }

    .customer_usecase ul li:nth-of-type(odd) {
        margin-right: 10px;
    }

    .customer_usecase ul li:nth-of-type(even) {
        margin-left: 10px;
    }

    .customer_help .content_box > div > ul > li {
        padding: 330px 0 30px 0 !important;
        background-position: center 60px !important;
        background-size: auto 200px !important;
    }

    .financial.top_banner > h1 {
        font-size: 45px;
        text-align: center;
        background-position: center top;
    }

    .financial.accounting_keep > .content_box {
        padding: 0 30px;
    }

    .financial.accounting_keep > .content_box:before {
        position: relative;
        right: 0;
        width: 100%;
        background-position: center top;
    }

    .learn_list {
        padding-left: 0;
    }

    .learn_list:before {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto 20px auto;
    }

    .recorede_box ul li {
        margin-left: 30px;
    }

    .property.top_banner > h1 {
        font-size: 45px;
        text-align: center;
        background-position: center top;
    }

    .real.top_banner > h1 {
        font-size: 45px;
        text-align: center;
        background-position: center top;
    }

    .staffing.top_banner > h1 {
        font-size: 45px;
        text-align: center;
        background-position: center top;
    }

    .integrate .integratein,
    .staffing_textbox .staffing_img,
    .stay_textbox .stay_img {
        padding: 0;
    }

    .integrate .integratein:before,
    .staffing_textbox .staffing_img:before,
    .stay_textbox .stay_img:before {
        position: relative;
        width: 100%;
        margin-bottom: 40px;
        background-position: center top;
    }

    .staffing_textbox .staffing_img .car_tith1 {
        text-align: center;
    }

    .save_textbox .save_float {
        padding: 0;
    }

    .top_banner > h1 {
        font-size: 45px !important;
        text-align: center !important;
        background-position: center top !important;
    }

    .club.top_banner,
    .higher.top_banner,
    .marketing.top_banner {
        background-position: center center;
    }

    .covid_header_mobile {
        display: block;
    }

    .main_roll .content_box > p {
        font-size: 15px;
        line-height: 32px;
    }

    .main_roll {
        margin-bottom: 50px;
    }

    .main_con {
        overflow: hidden;
        width: 100%
    }

    .main_roll .btn_box .btn {
        margin-left: 0;
    }
    .sub .tp-door-cont .box_card ul{
        flex-direction: column;
        gap: 40px 0;
    }
    .sub .tp-door-cont .box_card li{
        width: 100%;
        padding: 30px 20px;
    }
    .sub .smsMk .tp-door-card>ul{
        flex-direction: column;
        align-items: center;
        gap: 20px ;
    }
    .sub .smsMk .tp-door-card>ul li {
        width: 100%;
    }
    .sub .smsMk .tp-door-card>ul li .text-group{
        height: auto;
    }
    .sub .flx-col{
        flex-direction: column;
    }
    .sub .flx-col.reverse{
        flex-direction: column-reverse;
    }
    .sub .flx-col .box-txt{
        width: 100%;
        text-align: center;
    }
    .sub .bulkSms .flx-col .box-txt{
        text-align: left;
    }
    .sub .smsMk .tp-door-list-type01>li .item{
        width: 100%;
    }
    .sub .tp-door-cont .box_card li img{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:1050px) {
    .sub .bulkSms-visual-wrap{
        margin-top: 40px;
    }
    .sub .bulkSms-visual-wrap .txt-area ul{
        flex-direction: column;
    }
    .sub .bulkSms-visual-wrap .txt-area ul li .tit{
        margin-bottom: 0;
        font-size: 20px;
    }
    .sub .case_over ul{
        justify-content: center;
    }

    .bot_sitemap .menu_box:first-child ul {
        width: 50%;
    }
    .customer-group .add-article .only-web-view {
        display: none !important;
    }
    .handout-box .actions .hs-button {
        font-size: 15px;
    }


    .news-group .news-list-wrapper {
        display: block;
    }

    .news-group .news-list-item {
        width: 100%;
    }

    .news-group .news-list-item + .news-list-item {
        margin-left: auto;
        margin-top: 40px;
    }
    .forbes_wrap {
        margin: 40px auto 100px;
    }
    .forbes_wrap .tp-door-title.tp-type02 {
        width: 220px;
        margin: 0 auto;
        font-size: 24px;
    }


    .form_wrap {
        width: 100%;
        height: auto;
        padding: 25px 50px 42px 50px;
    }

    .form_wrap h1 {
        font-size: 30px;
    }

    .form_list ul li > label {
        font-size: 13px;
    }

    .form_list ul li > span.input_box {
        height: 35px;
        line-height: 35px;
    }

    .round_list > li {
        width: 100%;
        height: 150px;
        margin-bottom: 10px;
        margin-left: 0;
        border-radius: 15px;
        background-size: 40px !important;
    }

    .round_list.support2 > li:nth-of-type(1) {
        background-position: center center;
        background-size: 80px !important;
    }

    .round_list.campaign.gray > li:nth-of-type(1) {
        border-radius: 0;
        background: url(/images/icon/icon_pro3_1.png) no-repeat center center #fff !important;
        background-size: 80px !important;
    }

    .boarding_wrap > .box {
        float: none !important;
        width: 100%;
        height: auto;
    }

    .boarding_wrap > .box.green {
        background: url(/images/professional/boxbg2.png) no-repeat right bottom #def3f3;
    }

    .boarding_wrap > .box.purple {
        background: url(/images/professional/boxbg1.png) no-repeat right bottom #e6e5f3;
    }

    .care_formwrap .form_wrap {
        padding: 25px 50px;
    }

    .form_list ul li {
        margin-bottom: 20px;
    }

    .care_formwrap .form_wrap .formtitle {
        margin-bottom: 30px;
    }

    .plan_list > ul {
        width: 100%;
        margin: 0;
    }

    .plan_list .tooltip {
        left: 20px;
        margin-top: 0;
    }

    .plan_list .tooltip:after {
        top: -18px;
        left: 0;
        height: 18px;
        background: url(/images/common/tool_bullet.png) no-repeat 20px center;
    }

    .plan_list:nth-last-of-type(1) > ul > li:first-child {
        border-top: dashed 2px #e1e1e1;
    }

    .btn {
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }

    .btn > span {
        width: 100%
    }

    .btn_center .btn {
        width: 100%
    }

    .btn_center .btn > span {
        width: 100%
    }

    .plan_banner .btn_center .btn {
        width: 100%
    }

    .plan_banner .btn_center .btn > span {
        width: 100%
    }

    .page-tit-depth2.green span {
        font-size: 40px;
    }
    .accordion_text li.on .accordion_con {
        padding: 10px 57px 10px 90px;
    }

    .accordion_text .accordion_top > em {
        top: 8px;
    }

    .card_overbox ul li {
        width: 100%;
        height: 245px;
        margin: 0 0 2% 0;
    }

    .card_overbox ul li > span p {
        padding: 30px 26px 0 26px;
    }

    .card_overbox ul li > span p.bot_text {
        bottom: 30px;
    }

    .thanks_box {
        width: 94%
    }

    .recorede_box ul li:before {
        height: 100px;
    }

    .whyland ul li {
        width: 50%;
        height: 150px;
        margin-bottom: 2%
    }

    .video_box li .video_border .img_box {
        height: auto !important;
    }

    .video_box li .video_border .img_box img {
        width: 100% !important;
    }

    .video_box li .video_border .video_text {
        padding: 30px 10px 10px 10px !important;
    }

    .video_box li .video_border .btn_play {
        top: -25px;
        background-size: 50px;
    }

    .bot_btnbox {
        margin: 0 30px;
        padding: 25px 0;
    }

    .bot_btnbox a {
        margin: 0 0 20px 0;
    }

    .bullet_box:after {
        left: 47%
    }

    .more_list {
        padding: 0;
    }

    .bullet_box .par_con {
        padding: 20px 0;
    }

    .custom_ball .tooltip:after {
        left: 140px;
    }

    .moviebox ul {
        left: 0;
        width: 100%
    }

    .moviebox ul li {
        width: 48%;
        margin: 0 0 50px 0;
        margin-left: 2%
    }

    .demo_box {
        max-width: 250px;
        margin: 0 auto;
    }

    .demo_box > a.bt_play {
        left: 90px;
    }

    .both_wrap > div {
        background-size: 110px !important;
    }

    .both_wrap > div > p {
        padding-right: 110px;
    }

    .both_wrap > div .bullet_list {
        padding-right: 110px;
    }

    .code_con {
        padding: 0 30px;
    }

    .code_con .code_wrap {
        position: relative;
    }

    .long_code .code_wrap,
    .short_code .code_wrap {
        width: 100%;
        padding: 0 0 266px 0;
        margin-bottom: 60px;
        background-position: center bottom;
    }

    .content_box.btn_box {
        margin: 30px auto 40px auto;
        text-align: center;
    }

    .content_box.btn_box a {
        margin: 0 0 20px 0;
    }

    .discover_sms ul.discover_list {
        left: -15px;
    }

    .discover_sms ul.discover_list li {
        width: 28.3%;
        height: 60px;
        margin: 0 0 15px 15px;
        text-align: left;
        background-size: 80px 80px !important;
    }

    .discover_sms ul.discover_list li a {
        padding: 10px 15px 0 90px;
    }

    .usecase_intro .usecase_text .text_Area .dec_btn a {
        margin: 0 0 20px 0;
    }

    .accordion_tap .case_img {
        display: none;
    }

    .accordion_tap li.on .accordion_con {
        padding: 35px 37px;
    }

    .accordion_tap li .accordion_top,
    .accordion_tap li.on .accordion_top {
        padding: 15px 45px 15px 94px;
    }

    .accordion_tap .accordion_top > em {
        top: 4px;
    }

    .accordion_tap .accordion_top:after {
        top: 22px;
    }

    .bg_skyblue.terms_box {
        padding: 50px 0;
    }

    .terms_box .accordion_text li.on .accordion_con {
        padding: 10px 57px 10px 90px;
    }

    .anti_box {
        padding: 30px 20px 20px 20px;
    }

    .form_wrap h1.account_tit {
        padding-top: 55px;
        font-size: 30px;
    }

    .form_wrap h2.account_tit2 {
        font-size: 15px;
    }

    .form_wrap h1.account_tit {
        padding-top: 55px;
        font-size: 30px;
    }

    .form_wrap h2.account_tit2 {
        font-size: 15px;
    }

    .account_list,
    .account_list.half {
        width: auto;
        margin: 0 auto;
    }

    .account_list.half .tooltip {
        max-width: 250px;
    }

    .account_list.half .tooltip:after {
        background-position: 170px center;
    }

    .accordion_tap {
        margin: 0;
    }

    .medical_consulting .page-tit-depth2-black {
        font-size: 25px;
    }

    .medical_consulting .consulting_text {
        margin: 40px 0;
    }
    .page_info_text > .btn_center .btn,
    .page_info_text > .btn_center .btn > span {
        width: 100%
    }


    .compar_text .btn_align_C .btn {
        margin-left: 0;
    }

    .best_tapcon {
        padding: 25px 40px;
    }

    .pricing_dec > ul > li {
        width: 100%;
        margin: 0 0 50px 0;
    }

    .pricing_dec .pricing_p {
        right: auto;
        bottom: 0;
        left: 40px;
        font-size: 13px;
    }

    .other_plan {
        padding: 40px 0;
    }

    .sitemap_wrap .sitebox {
        float: left;
        width: 46%;
        margin-right: 4%
    }

    .study_roll .lifecycle_roll .rollin {
        max-width: 625px;
        padding: 20px 0 0px 0;
    }

    .study_roll .lifecycle_roll .rollin ol li {
        margin: 0 0 0 20px;
    }

    .roi_resetbox + .btn_align_C a {
        margin-right: 0;

    }
    .sub .roi_compare .btn_align_C a {
        display: block;
        margin: auto;
    }
    .sub .roi_compare .btn_align_C a + a{
        margin: 15px auto 0;
    }

    .about_wrap > .content_box {
        width: 97%;
    }
    .sms_why li {
        float: none;
        width: 100%;
        height: auto;
        min-height: 400px;
        margin: 0 0 20px 0;
    }

    .sms_use ul li {
        padding: 156px 20px 36px 20px;
        text-align: center;
        background-position: center 20px !important;
        background-size: 100px !important;
    }

    .love_whylist ul li h3,
    .sms_use ul li h3,
    .sms_why li h3 {
        margin-bottom: 0;
        font-size: 20px;
    }

    h2.sms_title,
    h3.sms_title {
        margin-bottom: 0;
        font-size: 25px;
    }

    .roundlist_box ul li {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .roundlist_box ul li:before {
        width: 100%;
        height: 108px;
        margin: 0 auto 10px auto;
        background-position: center 0 !important;
        background-size: 100px !important;
    }
    .roundlist_box ul li h3 {
        font-size: 20px;
    }
    .sms_why {
        margin: 50px 0;
    }

    .sms_why h2 {
        margin-bottom: 15px;
    }

    .sms_customerlove,
    .sms_listfeature,
    .sms_support {
        padding: 50px 0;
    }

    .sub_decpar {
        margin-top: 20px;
    }

    .common_mass,
    .example_mass,
    .getting_mass,
    .mass_advantage,
    .mass_howbox {
        padding: 60px 0;
    }

    .mass_parcon {
        margin-bottom: 40px;
    }

    .mass_numlist {
        margin: 50px 0;
    }

    .mass_numlist ul li {
        float: none;
        width: 100%;
        height: auto;
        min-height: 140px;
        margin-bottom: 20px;
    }

    .mass_numlist ul li:after {
        bottom: -45px;
        font-size: 100px;
    }

    .common_numlist li strong,
    .iconcon_list > ul > li strong {
        font-size: 22px;
    }

    .mass_advantage .massadvantage_list > li > strong {
        font-size: 24px;
    }

    .common_numlist li:after {
        bottom: -46px;
        font-size: 100px;
    }

    .common_numlist li:nth-of-type(1):after {
        right: -7px;
    }

    .common_numlist li:nth-of-type(2):after {
        right: -1px;
    }

    .common_numlist li:nth-of-type(3):after {
        right: -4px;
    }

    .common_numlist li:nth-of-type(4):after {
        right: -3px;
    }

    .common_numlist li strong,
    .iconcon_list > ul > li strong {
        text-align: center;
    }

    .example_mass.textblastuse {
        padding: 60px 0;
    }

    .bulk.mass_advantage,
    .example_mass,
    .mass_howbox {
        padding: 60px 0;
    }

    .doorway_icon_list li {
        padding: 20px 0 20px 80px;
        background-size: 50px !important;
    }

    .doorway_icon_list li:nth-of-type(4) {
        background-size: 40px !important;
    }

    .doorway_icon_list li h3 {
        margin-bottom: 0;
        font-size: 20px;
    }

    .mass_parcon.short {
        padding: 40px 0 80px 0;
    }

    .short_usecase ul {
        width: 100%;
        margin-top: 50px;
    }

    .short_usecase ul li {
        font-size: 15px;
    }

    .long.matter_con ul li {
        padding: 70px 20px 25px 20px;
        text-align: center;
        background-position: center 10px !important;
        background-size: auto !important;
    }

    .long.matter_con ul li:nth-of-type(1) {
        margin-top: 50px;
    }

    .matter_con.long {
        margin-bottom: 50px;
    }

    .business.matter_con ul li {
        background-size: 45px auto !important;
    }

    .business.matter_con ul li:nth-last-of-type(1) {
        display: none;
    }

    .long_advan {
        margin: 60px 0;
    }

    .long_advan .mass_numlist ul li {
        height: auto;
    }

    .long.matter_con ul li {
        height: auto;
        padding: 90px 20px 25px 20px;
    }

    .textmain_dec {
        padding: 30px 0;
    }

    .church_use .sms_use > ul > li > ul > li {
        text-align: left;
    }

    .church_study,
    .church_use {
        padding: 50px 0;
    }

    .church_study .shadow_boxwrap > ul > li {
        float: none;
        width: 100%;
        height: auto;
        min-height: auto;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .church_study .shadow_boxwrap > ul > li .church_case span {
        padding: 30px 0 0 0;
    }

    .church_study .shadow_boxwrap > ul > li .church_case span img {
        width: 120px;
    }

    .automation .common_numlist > li {
        width: 100%;
        height: auto;
        min-height: auto;
        margin: 0 0 25px 0;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(1) {
        height: 793px;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(2) {
        height: 793px;
    }

    .common_numlist > li:nth-of-type(5):after {
        right: -5px;
    }

    .common_numlist > li:nth-of-type(6):after {
        right: -5px;
    }

    .common_numlist > li:nth-of-type(7):after {
        right: -3px;
    }

    .mass_howbox.recurit {
        margin-bottom: 0;
    }

    .mass_advantage.recurit .massadvantage_list > li {
        width: 100% !important;
        height: auto;
        margin: 0 0 40px 0 !important;
    }

    .emial_box ul li {
        height: auto;
    }

    .emial_box ul li > span > a.btn.blue {
        width: 100%;
        max-width: 100%
    }

    .emial_box ul li > span > a.btn.blue > span {
        width: 100%;
        max-width: 100%
    }

    .emial_box ul li > span > a.btn.green {
        width: 100%;
        max-width: 100%
    }

    .emial_box ul li > span > a.btn.green > span {
        width: 100%;
        max-width: 100%
    }

    .dotline_box {
        padding: 40px 0 0 0;
    }

    .dotline_box > div {
        float: none;
        width: 100%
    }

    .label_list:nth-last-of-type(1) {
        margin-bottom: 48px;
    }

    .mms_iconwrap ul li {
        width: 100%;
        height: auto;
        margin-bottom: 30px;
        padding: 110px 0 0 0;
        background-size: 100px !important;
    }

    .table_guide ul li {
        width: calc(50% - 49px);
    }

    .guide_whiteboard {
        padding: 50px 40px;
    }

    .down_area {
        padding: 20px 30px;
    }

    .down_area > a {
        position: relative;
        top: auto;
        right: auto;
        margin-top: 20px;
    }

    .marketing_action {
        padding: 50px 0;
    }

    .marketing_action .page-tit-depth3-black {
        font-size: 30px;
    }

    .action_con {
        margin-top: 40px;
    }

    .action_par .action_tit {
        margin-bottom: 10px;
    }

    .action_par {
        margin-bottom: 30px;
    }

    .action_par > p {
        margin-bottom: 20px;
    }

    .action_type1 {
        padding: 0;
    }

    .action_type1 .imgbox {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
    }

    .action_type2 {
        padding: 0;
    }

    .action_type2 .bgtextbox {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        height: auto;
        padding: 40px;
    }

    .table_box1 {
        float: none;
        width: 100%;
        padding-left: 0 !important;
    }

    .par_engage > div {
        width: 100%;
    }

    .fitness .sms_usedfitness > .content_box .car_tith1 {
        position: relative;
    }

    .fitness .sms_usedfitness > .content_box {
        padding: 0;
    }

    .table_roundbox {
        overflow-x: auto;
        max-width: 930px;
    }

    .email_table1 td {
        padding: 15px 20px;
    }

    .emailguide_wrap {
        padding: 0 0 50px 0;
    }

    .emailguide_wrap .content_box {
        padding: 0 20px;
    }

    .integrate_sales .integrate_con,
    .why_sales .whylist {
        margin: 0;
    }

    .sales_morecon > div {
        float: none;
        width: 100%;
        margin-top: 50px;
    }

    .sales_morecon > div:first-child {
        margin-top: 0;
    }

    .sales_smsmessaging .car_tith1,
    .why_sales .car_tith1 {
        margin-bottom: 30px;
    }

    .medical_can .content_box > div > ul > li {
        padding: 180px 0 0 0 !important;
        background-position: center top !important;
        background-size: 180px !important;
    }

    .medical_compliance .compliance_par {
        padding: 0 30px;
    }

    .nonprofit_conlist .content_box > ul > li {
        margin-bottom: 30px;
        padding: 230px 0 0 0 !important;
        background-position: center top !important;
        background-size: 180px !important;
    }

    .use_acclist ul li {
        float: none;
        width: 100%;
        margin: 0 !important;
    }

    .use_acclist ul li:nth-of-type(2) {
        border-top: dashed 1px #d2dbde;
    }

    .accounting_improve .content_box,
    .accounting_keep > .content_box,
    .accounting_tighten > .content_box {
        padding: 0 30px;
    }

    .accounting_improve > .content_box:after {
        position: relative;
        top: auto;
        right: auto;
        width: 462px;
        height: 417px;
        margin: 30px auto 0;
        background-size: 100%
    }

    .accounting_improve .car_tith1,
    .accounting_improve .content_box p,
    .accounting_keep .car_tith1,
    .accounting_keep p,
    .accounting_tighten > .content_box .car_tith1,
    .accounting_tighten > .content_box p {
        text-align: center;
    }

    .accounting_increase .content_box > p {
        padding: 0;
    }

    .accounting_keep > .content_box:before,
    .accounting_tighten > .content_box:before {
        position: relative;
        top: auto;
        left: auto;
        width: 375px;
        height: 305px;
        margin: 0 auto 30px;
        background-size: 100%
    }

    .accounting_provide .content_box > div {
        float: none;
        width: 100%;
        margin: 0 0 30px 0 !important;
        text-align: center;
    }

    .accounting_increase .content_box > p,
    .accounting_provide .content_box > div,
    .accounting_tighten > .content_box p {
        padding: 0 50px !important;
    }

    .life_car.accounting .content_box ul li {
        width: 100%;
        height: auto;
        margin-left: 0 !important;
    }

    .commkit_text > p:before {
        position: relative;
        top: auto;
        right: auto;
        margin: 30px auto;
    }

    .commkit_text {
        padding: 0;
    }

    .financial.accounting_tighten > .content_box:before {
        background-size: 100%
    }

    .recorede_box ul li:nth-of-type(3n+1) {
        margin-left: 30px;
    }

    .recorede_box ul li {
        width: 300px;
    }

    .property .use_acclist ul li {
        min-height: auto;
    }

    .property.accounting_keep > .content_box,
    .property.accounting_tighten > .content_box {
        padding: 0 30px;
    }

    .property.accounting_tighten > .content_box:before {
        left: 0;
    }

    .club_leftim,
    .club_leftimg,
    .club_leftimg.insurance1,
    .club_phone .phone_box,
    .club_rightimg,
    .club_rightimg.guest,
    .club_rightimg.insurance {
        padding: 0 !important;
    }

    .club_leftimg.insurance1:before,
    .club_leftimg:before,
    .club_phone .phone_box:before,
    .club_rightimg.guest:before,
    .club_rightimg.insurance:before,
    .insurance.club_leftimg:before {
        position: relative;
        top: 0 !important;
        width: 100% !important;
        margin-bottom: 40px !important;
        background-position: center top !important;
    }

    .club_leftimg .car_tith1,
    .club_leftimg p,
    .club_phone .phone_box .car_tith1,
    .club_rightimg .car_tith1,
    .club_rightimg p {
        text-align: center;
    }

    .club_phone .phone_box p {
        text-align: center;
    }

    .club.property .use_acclist ul li {
        width: 100%
    }

    .club_rightimg:before {
        position: relative;
        width: 100% !important;
        height: 236px;
        margin-bottom: 40px;
        background-position: center top !important;
    }

    .higer_con h1 {
        position: relative;
        width: 100%;
        text-align: center;
    }

    .higer_con {
        padding: 0;
    }

    .main_roll .content_box .tp-add-video-link {
        padding: 40px 0 0 0;
    }

    .main_roll .content_box .tp-add-video-link a {
        position: static;
        margin: 15px 0 20px;
    }

    .main_roll .content_box .tp-add-video-link a img {
        width: auto;
        max-width: 100%;
        margin: 0 auto;
    }

    .tp-btn-box .tp-btn {
        margin: 0 0 10px;
    }

    .tp-btn {
        display: block;
        width: 100%;
        height: 44px;
        font-size: 15px;
        line-height: 38px;
    }

    .left_con .tp-btn {
        margin: 0 0 10px;
    }
    .sub .vote .what_sms{
        flex-direction: column;
        align-items: center;
        padding: 0;
    }
    .sub .vote .what_sms .text_sms{
        margin-bottom: 20px;
    }
}
@media screen and (max-width:950px) {
    .listImg li:nth-last-child(1){
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .sub.solution .tp-door-list-type01>li .item{
        width: 100%;
    }
    .logotree li + li{
        margin-top: 45px;
    }
    .sub.solution .tp-door-list-type01>li .item + .item{
        margin-top: 40px;
        padding-top: 0;
    }
    .tutorial_movie > a.down {
        right: 120px;
    }

    .tutorial_movie > a.movie {
        left: 120px;
    }

    .tutorialsTap ul li {
        width: 33.3%
    }

    .tutorialsTap ul li:nth-of-type(4),
    .tutorialsTap ul li:nth-of-type(5) {
        width: 50%;
        border-top: solid 1px #cecddb;
    }

    .fullpage .white_box p.account_thank {
        padding: 30px 50px 0 50px;
    }

    .affiliate_program {
        padding: 0;
    }

    .affiliate_program .right_form {
        position: relative;
        top: 0;
        width: 100%
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(1),
    .mass_advantage .massadvantage_list > li:nth-of-type(2) {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .mass_advantage.text_blastad .massadvantage_list > li {
        height: auto !important;
        background-size: 150px !important;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(10) {
        display: none;
    }

    .mass_advantage.long .massadvantage_list > li {
        height: auto;
        background-size: 180px !important;
    }

    .mass_advantage.long .massadvantage_list > li:nth-of-type(3),
    .mass_advantage.long .massadvantage_list > li:nth-of-type(4) {
        width: 100%;
        margin: 0 0 2% 0;
    }

    .short_info {
        padding: 297px 0 70px 0;
        background: url(/images/doorway/bg_shortcode1.png) no-repeat left 40px;
    }

    .short_info.long {
        margin-bottom: 0;
        background-position: center 40px !important;
        background-size: 280px auto !important;
    }

    .long_advan {
        padding: 50px 0 10px;
    }

    .mass_advantage.long {
        padding: 50px 0;
    }

    .telescript_box ul {
        position: relative;
        left: 0;
    }

    .telescript_box ul li {
        width: 31.3%;
        height: 170px;
        margin: 0 2% 2% 0 !important;
    }

    .adv_linelist > li > h3,
    .title_smsser {
        margin-bottom: 20px;
    }

    .title_smsser {
        font-size: 25px;
    }

    .adv_linelist > li > h3 {
        font-size: 22px;
    }

    .sms_make2 .content_box > ul > li > h2 {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .textto_use .content_box > ul > li {
        width: 100% !important;
        margin: 0 0 40px 0 !important;
    }

    .textto_use .content_box > ul > li h3 {
        padding-top: 130px;
        font-size: 20px;
        background-size: 120px !important;
    }

    .about_tollfree .content_box > h2 {
        font-size: 25px;
    }

    .mms_iconwrap ul li {
        width: 100% !important;
        height: auto !important;
        margin-bottom: 30px;
        padding: 110px 0 0 0;
        background-size: 100px !important;
    }

    .marketing_decwrap.vote {
        margin-bottom: 0;
    }

    .vote_advan1 ul.advanlist > li {
        width: 100%;
        height: auto;
        margin-bottom: 40px;
        border: none;
    }

    .insurance.life_car .content_box ul li,
    .life_car .content_box ul li {
        width: 100%;
        height: auto;

    }

    .car_tith1 {
        margin-bottom: 20px;
        font-size: 30px;
    }

    .car_sendsms > .content_box > p {
        padding: 0 40px;
    }

    .fitness .life_car .content_box ul li {
        width: 100%;
        height: auto;
    }

    .fitness .sell_more > .content_box:after {
        width: 100%;
        max-width: 320px;
        height: 317px;
        background-position: center top;
        background-size: 320px;
    }

    .fitness .sms_usedfitness > .content_box .car_tith1 {
        font-size: 35px;
    }

    .fitness .car_sendsms > .content_box > p {
        padding: 0;
    }

    .fitness .sell_more > .content_box {
        padding: 0;
    }

    .fitness .top_banner > h1 {
        padding: 88px 30px 0 0;
        font-size: 40px;
    }

    .life_car.accounting .car_tith1 {
        margin-bottom: 20px;
    }

    .financial_action .action_img {
        padding: 0;
    }

    .financial_action .action_img:before {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        background-position: center top;
    }

    #float_contact .popup {
        top: 0;
        transform: translate(-50%, 50%);
    }

    .automated-level .circle-list > li {
        float: none;
        width: 100%
    }
}
@media screen and (max-width:900px) {
    .btn_center .btn_sign {
        width: 100%;
        max-width: 200px;
        height: 40px;
        padding: 10px 40px;
    }

    .content_box .left_con {
        padding: 0;
    }

    .page-tit-depth2 {
        height: 140px;
        padding: 0 20px;
        font-size: 40px;
    }

    .page-tit-depth2 span {
        font-size: 40px;
    }

    .page-tit-depth2 > span > em.sub {
        font-size: 15px;
    }

    .page-tit-depth2.small span {
        font-size: 30px;
    }

    .page-tit-depth2.pricing span {
        padding-bottom: 0;
    }

    .title_sub {
        line-height: auto;
    }

    .page-tit-depth3-black {
        font-size: 30px;
    }

    #left_content {
        margin: 33px 0 40px 0;
    }
    .ball_list.type02 .ball span {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }
    .ball_list {
        flex-direction: column;
    }
    .ball_list.type02 .icon_list li {
        display: inline-block;
        float: none;
        vertical-align: middle;
        width: 49%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .ball_list.type02 .icon_list li a > em,
    .ball_list.type02 .icon_list li a > span {
        display: block;
    }

    .ball_list.type02 .icon_list li a > span img {
        margin: 0 auto;
    }

    .ball_list.type02 .icon_list li a > span {
        margin-bottom: 10px;
    }

    .ball_list.type02 .icon_list li a > em {
        margin-left: 0;
        text-align: center;
    }

    .ball_list .icon_list.list_row li {
        margin-right: 0;
    }
    .page-tit-depth3-blue {
        font-size: 25px;
    }

    .landtext_type {
        min-height: auto;
    }

    .landtext_type span {
        display: none;
    }

    .landtext_type {
        padding: 0;
    }

    .how_list > ul > li {
        font-size: 15px;
    }

    .bullet_list > li {
        margin-bottom: 15px;
        font-size: 15px;
    }

    .faq_wrap .bullet_list > li {
        margin-bottom: 15px;
    }

    .faq_wrap .accordion_text .accordion_con .bullet_list > li:after {
        top: 10px;
    }

    .targeting_example .bullet_list > li:after {
        top: 7px;
    }

    .voiceuse .bullet_list > li:after {
        top: 7px;
    }

    .category_wrap .bullet_list li:after {
        top: 7px;
    }

    .toll_infotext .bullet_list li:after {
        top: 7px;
    }

    .auto_textlist > ol > li > .bullet_list > li:after {
        top: 7px;
    }

    .flex_box.text_type1 {
        padding: 0 0 20px 0;
    }

    .sub_colorbox {
        margin-bottom: 20px;
    }

    .credit_table .table_wrap {
        float: none;
        width: 100%;
        margin-right: 0;
    }

    .sub_colorbox > div {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .custom_ball li {
        vertical-align: top;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .we_wrap {
        padding: 30px 0;
    }

    .we_wrap p {
        padding: 15px 0 0 0;
    }

    .our_wrap ul {
        margin-top: 20px;
    }

    .our_wrap ul li {
        width: 90%;
        height: auto;
        margin-bottom: 20px;
        margin-left: 0;
        padding: 20px 0;
        font-size: 20px;
        font-weight: 700;
        background-image: none;
    }

    .our_wrap p {
        padding: 25px 0 0 0;
    }

    .credit_table.feature .table_wrap {
        overflow: visible;
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }

    .scroll_box {
        overflow: hidden;
        overflow-x: scroll;
        overflow-y: scroll;
        max-width: 720px;
        height: 500px;
        margin-top: 30px;
    }

    .mostline:after {
        top: 0;
    }

    .plan_pop_table table thead th {
        padding: 30px 16px;
    }

    .credit_table.feature .table_wrap > h2 {
        top: -43px;
    }
    .accordion_text .accordion_top > em {
        top: 15px;
        left: 15px;
        font-size: 25px;
    }

    .accordion_text .accordion_top > span {
        font-size: 15px;
    }

    .accordion_text li.on .accordion_con {
        padding: 10px 20px 0 40px;
    }

    .accordion_text li.on .accordion_con {
        font-size: 13px;
        line-height: 28px;
    }

    .page-tit-depth2.green span {
        vertical-align: middle;
        padding: 0;
        font-size: 30px;
    }

    .page_dec {
        padding-bottom: 20px;
    }

    .auto_textlist > ol > li {
        padding: 10px;
    }

    .auto_textlist > ol > li:first-child {
        padding: 10px;
    }

    .auto_textlist > ol > li > em.num {
        position: relative;
        top: 0;
        font-size: 40px;
    }

    .line_box ul li {
        width: 50%;
        margin-bottom: 1%
    }

    .auto_textlist.animation {
        padding: 0;
    }

    .targeting_example h3 {
        margin: 0;
    }
    .advantage_list .page-tit-depth4-blue {
        margin-bottom: 10px;
    }

    .icon_textlist .page-tit-depth4-blue {
        margin-bottom: 15px;
    }

    .icon_textlist.line {
        padding: 22px 0 0 0;
    }

    .icon_box > p {
        padding: 0;
    }

    .how_list > ol > li > em.num {
        display: block;
        font-size: 40px;
    }

    .how_list > ol > li {
        display: block;
        padding: 10px;
    }
    .lifecycle_roll {
        padding: 0 30px;
    }

    .life_wrap .life_dec {
        margin-bottom: 40px;
    }

    .lifecycle_roll > strong {
        margin-bottom: 40px;
    }

    .liferoll_right {
        background-position: right;
    }

    .resources_btnbox ul li {
        height: 305px;
    }

    .resources_btnbox ul li a:before {
        width: 150px;
        height: 150px;
        background-size: 50px !important;
    }

    .resources_btnbox ul li strong {
        font-size: 25px;
    }

    .resources_btnbox ul li span {
        font-size: 13px;
    }

    .whyland ul li {
        width: 100%;
        height: auto;
    }

    .whyland ul li span {
        padding: 10px 10px 10px 55px;
        text-align: left;
        background-position: 10px 10px !important;
        background-size: 30px !important;
    }

    .img_textbox {
        padding: 25px 0;
    }

    .img_textbox:nth-last-of-type(1) {
        padding: 25px 0 0 0;
    }


    .img_textbox h3,
    .sub_text h4 {
        margin-bottom: 15px;
    }

    .num_box ul {
        left: 0;
    }

    .num_box ul li {
        width: 100%;
        padding: 0 0 3% 0;
    }

    .num_box ul li > span {
        position: relative;
        height: auto;
        padding: 0 0 11px 0;
        text-align: left;
    }

    .sub_text {
        padding: 15px 0;
    }

    .sub_text ul li > span > span {
        display: inline-block;
        padding: 0 0 0 50px;
    }

    .both_box .text_list ul.bullet_list {
        margin: 10px 0 20px 0;
    }

    .num_box ul li > span em {
        position: absolute;
        top: 16px;
        left: 20px;
        width: 20px;
        height: 20px;
        font-size: 13px;
        line-height: 24px;
    }

    .tapcontent .video_box,
    .video_box {
        left: 0;
    }

    .video_box li {
        width: 100% !important;
        margin: 0 0 20px 0;
        padding-left: 0 !important;
    }

    .video_box li .video_border {
        position: relative;
        margin-bottom: 20px;
    }

    .video_box li .video_border .img_box {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 180px;
        height: 100%
    }

    .video_box li .video_border .img_box img {
        width: auto !important;
        height: 100%
    }

    .video_box li .video_border .btn_play {
        top: 40px;
        left: 60px;
        width: 100px;
        margin: 0;
    }

    .video_box li .video_border .video_text {
        height: auto !important;
        padding: 10px 10px 10px 200px !important;
        text-align: left;
    }

    .video_box li .video_border .video_text p {
        padding: 0;
        font-size: 13px;
    }

    .video_box li .video_border .video_text a {
        font-size: 13px;
    }

    .more_video .tapcontent {
        padding: 25px 35px 35px;
    }

    .video_box li .video_border .video_text strong {
        font-size: 15px;
    }

    .practices_tip {
        padding: 40px 0 40px 40px;
    }

    .intro_text .blue_box {
        padding: 15px 20px;
    }

    .connect_intro {
        padding: 0;
    }

    .connect_intro > h2 {
        padding-left: 100px;
    }

    .connect_intro > h2 img {
        height: 80px;
    }

    .connect_intro p {
        font-size: 16px;
        line-height: 32px;
    }

    .connect_intro p em {
        font-size: 20px;
    }

    .connect_intro .right_form {
        position: relative;
        width: 100%;
        margin-top: 20px;
    }

    .why_list ul li {
        width: 100%;
        padding: 0;
    }

    .why_list ul {
        left: 0;
    }

    .shadow_box {
        height: auto;
        margin-bottom: 20px;
        padding: 100px 20px 20px;
    }

    .why_list ul li .shadow_box {
        background-size: 50px auto !important;
    }

    .pricingconnect_wrap ul li > span {
        padding: 0 30px;
    }

    .pricingconnect_wrap .btn > span {
        width: 100%
    }

    .pricingconnect_wrap ul li {
        width: 100%;
        margin-bottom: 40px;
    }

    .better_con .better_text {
        float: none;
        width: 100%;
        padding: 0 !important;
        text-align: left;
    }

    .better_con:before {
        display: none;
    }

    .better_con .better_text:nth-of-type(2) p {
        border-top: dashed 2px #e1e1e1;
    }

    .better_con .better_text p {
        padding: 20px 0 !important;
    }

    .key_connect {
        padding: 35px 0;
    }

    .key_connect .key_list ul li {
        width: 100%;
        height: auto;
        margin: 0 !important;
        padding: 20px 0 20px 90px;
        background-size: 50px auto !important;
    }

    .key_connect .key_list ul li:nth-of-type(2) {
        border-top: dashed 2px #e1e1e1;
    }

    .key_connect .key_list ul li:nth-of-type(6) {
        background-position: 5px 21px !important;
    }

    .why_connect {
        padding: 30px 0;
    }

    .why_connect h3 {
        margin-bottom: 30px;
        font-size: 25px;
    }

    .better_box {
        padding: 30px 0;
    }

    .better_box h3 {
        margin-bottom: 30px;
    }

    .key_connect h3,
    .pricing_wrap h3 {
        font-size: 25px;
    }

    .pricing_wrap {
        padding: 35px 0;
    }

    .advantage_list.drip ul li .bullet_list > li {
        padding: 0 0 0 10px !important;
    }

    .advantage_list.drip ul li .bullet_list > li:after {
        top: 7px;
    }

    .icon_textlist.appiont ul li .bullet_list > li {
        padding: 0 0 0 12px;
    }

    .sub_text:nth-last-of-type(1) {
        padding: 10px 0 0 0;
    }

    .bullet_box {
        padding: 30px 0 0 0;
    }

    .bullet_box:after {
        display: none;
    }

    .sample_mass ul li {
        width: 49%
    }

    .sample_mass ul li div {
        height: auto;
        padding: 90px 20px 20px;
    }

    .sample_mass ul li div span {
        font-size: 14px;
    }

    .our_wrap ul li:nth-of-type(1) {
        background-position: 29% 14px;
        background-size: 50px;
    }

    .our_wrap ul li:nth-of-type(2) {
        background-position: 29% 22px;
        background-size: 50px;
    }

    .our_wrap ul li:nth-of-type(3) {
        background-position: 29% 22px;
        background-size: 40px;
    }

    .integration_listbox .tooltip {
        width: 100%
    }

    .custom_ball .tooltip:after {
        left: 0;
        background-position: center top !important;
    }

    .bullet_list > li:after {
        top: 10px;
    }

    .reseller_list .bullet_list > li:after {
        top: 11px;
    }

    .boarding_wrap .bullet_list > li:after {
        top: 7px;
    }

    .bullet_box .page-tit-depth3-black {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .bullet_box .par_con {
        font-size: 13px;
    }

    .auto_textlist .text_line {
        top: 0 !important;
    }

    .advantage_list.yesno .tooltip:after {
        background-position: 30px center !important;
    }

    .life_wrap .life_dec {
        font-size: 15px;
    }

    .compliance_cycle {
        padding: 0;
    }

    .compliance_cycle > ul {
        left: 0;
    }

    .compliance_cycle > ul > li {
        width: 100%;
        margin-bottom: 40px;
    }

    .compliance_cycle > ul > li > div > .dp3,
    .compliance_cycle > ul > li > div > h2 {
        font-size: 20px;
    }

    .compliance_cycle > ul > li > div {
        font-size: 15px;
    }

    .dataset_dec {
        margin-bottom: 30px;
        padding: 160px 0 30px;
    }

    .title_h2blue {
        font-size: 25px;
    }

    .dataset_dec:before {
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
    }

    .dataset_dec:after {
        top: 0;
        left: 0;
        width: 150px;
        height: 150px;
        background-size: 100px;
    }

    .dataset_dec.fulltext {
        margin-bottom: 0;
        padding: 0 0 20px 0;
    }
    .icon_textlist.account h2 {
        margin-bottom: 0;
    }

    .page-tit-depth2.demo span {
        font-size: 30px;
        line-height: 40px;
    }

    .moviebox ul li {
        height: 260px;
    }

    .demo_box > a.bt_play {
        top: 150px;
        width: 50px;
        height: 50px;
        background-size: 50px;
    }

    .demo_box p {
        padding: 30px 30px 0 30px;
        font-size: 15px;
    }

    .campansbox .content_box .title-dp3,
    .campansbox .content_box h2 {
        margin-bottom: 30px;
        font-size: 25px;
    }

    .both_wrap > div > h3 {
        font-size: 25px;
    }

    .both_wrap > div {
        padding: 30px;
    }

    .campansbox .icon {
        position: relative;
        top: auto;
        left: auto;
        width: 200px;
        height: 200px;
        margin: 0 auto 20px;
        background-size: 120px;
    }

    .success_box {
        padding: 0;
    }

    .campansbox .content_box .success_box .title-dp3,
    .campansbox .content_box .success_box h2 {
        text-align: center;
    }

    .campansbox .content_box .success_box p {
        padding-right: 0;
        text-align: center;
    }

    .both_wrap > div .bullet_list > li:after {
        top: 7px;
    }

    .auto_textlist.mobilekeyword {
        padding: 300px 0 20px 0;
    }

    .auto_textlist.mobilekeyword > ol > li {
        padding: 10px !important;
    }

    .auto_textlist.mobilekeyword:after {
        top: 0;
        width: 100%;
        height: 300px;
        background-position: center top;
        background-size: auto 300px;
    }

    .icon_textlist.mobile .page-tit-depth4-puple {
        margin-bottom: 0;
    }

    .icon_textlist.mobile ul li {
        padding: 20px 10px 20px 120px !important;
    }

    .icon_textlist.mobile ul li:nth-of-type(1) {
        background: url(/images/core/mobile_keyword_img2.png) no-repeat left 10px !important;
        background-size: 100px auto !important;
    }

    .icon_textlist.mobile ul li:nth-of-type(2) {
        background: url(/images/core/mobile_keyword_img3.png) no-repeat left 20px !important;
        background-size: 100px auto !important;
    }

    .icon_textlist.mobile ul li:nth-of-type(3) {
        background: url(/images/core/mobile_keyword_img4.png) no-repeat left 20px !important;
        background-size: 100px auto !important;
    }

    .icon_textlist.mobile ul li:nth-of-type(4) {
        background: url(/images/core/mobile_keyword_img5.png) no-repeat left 20px !important;
        background-size: 100px auto !important;
    }

    .page_Decsub.sms {
        padding: 200px 10px 40px;
        text-align: center;
        background-position: center top;
        background-size: auto 180px;
    }

    .icon_textlist.sms {
        padding: 0 0 30px 0;
    }

    .icon_textlist.sms ul li:nth-of-type(1),
    .icon_textlist.sms ul li:nth-of-type(2) {
        height: 160px;
        padding: 0 40px 0 76px !important;
    }

    .icon_textlist.sms ul li:nth-of-type(3),
    .icon_textlist.sms ul li:nth-of-type(4) {
        height: 206px;
        padding: 40px 20px 0 76px !important;
    }

    .icon_textlist.sms ul li:nth-of-type(1) {
        border-right: dashed 2px #e1e1e1;
        background: url(/images/omni/icon_sms1.png) no-repeat 5px 0 !important;
    }

    .icon_textlist.sms ul li:nth-of-type(2) {
        padding: 0 0 0 96px !important;
        background: url(/images/omni/icon_sms2.png) no-repeat 30px 0 !important;
    }

    .icon_textlist.sms ul li:nth-of-type(3) {
        border-right: dashed 2px #e1e1e1;
        border-bottom: none;
        background: url(/images/omni/icon_sms3.png) no-repeat 5px 44px !important;
    }

    .icon_textlist.sms ul li:nth-of-type(4) {
        padding: 40px 0 0 96px !important;
        background: url(/images/omni/icon_sms4.png) no-repeat 30px 44px !important;
    }

    .discover_sms ul.discover_list {
        left: 0;
    }

    .discover_sms ul.discover_list li {
        width: 50%;
        height: 50px;
        margin: 0 0 15px 0;
        text-align: left;
        background-size: 70px 70px !important;
    }

    .discover_sms ul.discover_list li a {
        padding: 10px 15px 0 90px;
        text-align: left;
    }

    .account.life_wrap h2,
    .more_advantage h2 {
        margin-bottom: 20px;
    }

    .more_advantage {
        padding: 45px 0;
    }

    .more_advantage .moreadvantage_list li {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .accordion_tap li.on .accordion_con {
        height: auto;
        min-height: auto;
        padding: 20px 15px;
    }

    .accordion_tap li .accordion_top,
    .accordion_tap li.on .accordion_top {
        padding: 15px 45px 15px 94px;
    }

    .accordion_tap .accordion_top > em {
        top: 12px;
    }

    .account.life_wrap .liferoll_left,
    .account.life_wrap .liferoll_right {
        background-position: right;
        background-size: 20px;
    }

    .accordion_tap li.on .tooltip.customer .img_view img {
        width: 100%;
        max-width: 250px;
    }

    .term_list ul > li {
        padding: 10px 20px 10px 40px;
    }

    .terms_box ul > li > span {
        font-size: 14px;
    }

    .terms_box ul > li > span > a {
        margin: 0;
    }

    .term_list ul > li > em {
        top: 10px;
        left: 15px;
        font-size: 20px;
    }

    .terms_box .accordion_text li.on .accordion_con {
        padding: 10px 20px;
    }

    .Policy_pargrph .text_slogan {
        padding: 20px 0 20px 20px;
    }

    .pargrph_box p {
        padding: 0 0 20px 20px;
        font-size: 13px;
    }

    .anti_box .pargrph_box p {
        padding: 0 0 20px 20px;
        font-size: 13px;
    }

    .policy_titbox .policy_tit {
        padding: 5px 20px;
        font-size: 14px;
    }

    .policy_titbox .policy_tit span:after {
        top: 11px;
        width: 3px;
        height: 3px;
    }

    .policy_titbox p.description_text {
        padding: 0 20px 30px;
        font-size: 13px;
    }

    .policy_titbox .bullet_list {
        margin: 0 20px;
        font-size: 13px;
    }

    .policy_titbox .bullet_list li {
        margin-bottom: 10px;
        font-size: 13px;
    }

    .policy_titbox .bullet_list li:after {
        top: 10px;
    }

    .description_text1 + .bullet_list {
        margin: 0 40px;
    }

    .text_purple {
        font-size: 14px;
    }

    .policy_titbox ol {
        padding: 0 20px 30px;
        font-size: 13px;
    }

    .tutorialscon ul li .tutorialscard {
        height: 550px;
    }

    .salesforce_con {
        padding: 50px 0 30px;
    }

    .salesforce_con > .content_box {
        padding: 210px 30px 0;
        background: url(/images/department/logo_salesforce.png) no-repeat center top;
        background-size: 280px;
    }

    .system_list {
        width: 90%;
        margin: 0 5%
    }

    .system_more a {
        margin-top: 20px;
    }

    .login_dec h2 {
        font-size: 20px;
    }

    .usecase_intro {
        padding: 30px;
    }

    .usecase_intro .usecase_text > .right_form {
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 20px;
    }
    .kit_info {
        padding: 330px 30px 50px;
        background-position: center top;
    }

    .kit_info .page-tit-depth3-blue {
        text-align: center;
    }

    .affiliate_apply .page-tit-depth3-green,
    .affiliate_program .page-tit-depth3-blue,
    .campaigncard_wrap .page-tit-depth3-purple {
        font-size: 25px;
    }

    .number_list > li {
        padding: 20px 0 20px 54px;
    }

    .number_list > li em {
        top: 12px;
    }
    .campaigncard_wrap .cardlist ul li div {
        padding: 100px 30px 30px;
        background-size: 70px auto !important;
    }

    .campaigncard_wrap .cardlist ul li:nth-of-type(1) > div {
        background-size: 40px auto !important;
    }
    .other_plan .page-tit-depth3-blue,
    .why_connect h2 {
        font-size: 25px;
    }

    .pricing_dec > ul > li > div {
        padding: 30px;
    }

    .pricing_dec > ul > li > div h3 em {
        font-size: 25px;
    }

    .pricing_dec > ul > li > div h3 strong {
        font-size: 18px;
    }

    .study_roll .page-tit-depth3-black {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .study_roll .lifecycle_roll .rollin {
        max-width: 300px;
    }

    .study_roll .lifecycle_roll .rollin ol li {
        width: 284px;
        height: 446px;
        margin: 0 0 0 20px;
    }

    .tcpa_box .bullet_list > li:after {
        top: 9px;
    }

    .self_compliance,
    .self_list {
        padding: 35px 0;
    }

    .complianceself_list {
        margin: 0;
    }

    .self_list ul li {
        width: 32.3%;
        margin: 0 0 20px 1%
    }

    .self_list ul li:nth-of-type(4),
    .self_list ul li:nth-of-type(5) {
        width: 49%;
        background-size: auto 100% !important;
    }

    .complianceself_list > ul > li {
        width: 100% !important;
        height: auto;
        margin: 0 0 20px 0;
        background-size: auto 135px !important;
    }
    .review_con {
        width: 98%;
        height: auto;
        margin: 0 auto;
        padding: 30px 40px;
        background: #59c3c3;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    }

    .smsobj_box span.smslaptop {
        left: 0;
        width: 100%;
        height: 100%;
        background-position: center top;
        background-size: 350px !important;
    }

    .smsobj_box span.smsbook,
    .smsobj_box span.smsclock {
        display: none;
    }

    .campaignlevel_wrap .level_list ul li {
        min-height: auto;
        padding: 30px 20px 30px 150px;
        background-size: 100px !important;
    }

    .campaignlevel_wrap .level_list ul li:nth-of-type(1) {
        padding: 0 20px 30px 150px;
    }

    .way_list ul li {
        width: 32%;
        margin: 0 0 20px 1%
    }

    .way_list ul li:nth-of-type(4),
    .way_list ul li:nth-of-type(5) {
        width: 48.5%
    }

    .campaign_sug > .content_box {
        padding: 0 20px 0 242px;
        background-position: 20px top !important;
        background-size: 200px !important;
    }

    .campaign_how,
    .campaign_sug,
    .campaign_way,
    .campaignlevel_wrap {
        padding: 30px 0;
    }

    .mass_advantage.landline .massadvantage_list > li {
        width: 100%;
        height: auto !important;
        margin: 0 0 30px 0;
        padding: 196px 15px 30px;
    }

    .mass_advantage.landline {
        padding: 60px 0;
    }

    .sub_advan ul li h3 {
        font-size: 25px;
    }

    .sub_advan ul li {
        padding: 0 0 0 50px;
        background-size: 40px !important;
    }

    .tutorial_video > ul > li {
        float: none;
        width: 100%
    }

    .mms_advfun,
    .mms_tip,
    .sms_adv,
    .why_mms {
        padding: 30px 0;
    }

    .mms_tip .title_smsser {
        margin-bottom: 50px;
    }

    .tip_con {
        padding: 0 !important;
    }

    .tip_con > .img_phone {
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: 20px;
    }

    .tip_con .tip_text ul li {
        padding: 20px 0;
    }

    .tip_con > .img_phone img {
        width: 150px;
    }

    .wh_linebox li {
        width: 100%;
        height: auto;
        margin: 0 0 20px 0;
    }

    .text-alert_img .content_box ul li {
        padding: 250px 0 80px 0 !important;
        background-position: center top !important;
        background-size: 250px !important;
    }

    .text-alert_img .content_box ul li h3,
    .text-alert_img .content_box ul li p {
        text-align: center;
    }

    .alert_adlist li {
        width: 100%;
        min-height: auto;
        margin-bottom: 50px;
    }

    .guide_casewrap .guide_case {
        padding: 20px 0;
    }

    .guide_casewrap .guide_case > h2 {
        margin-bottom: 30px;
        padding-left: 0;
    }

    .guide_casewrap .guide_case > h2 span {
        position: relative;
    }

    .guide_casewrap.advan .guide_case > h2 {
        padding-left: 0;
    }

    .smsmessaging > div {
        float: none;
        width: 100%;
        padding: 0 20px;
    }

    .sales_morecon > div {
        padding: 0 20px;
    }

    .nonprofit_can .content_box > div:after {
        left: 20px;
        width: 280px;
        height: 495px;
        background-size: 100% !important;
    }

    .nonprofit_action .nonprofit_text p:nth-of-type(1) {
        padding: 180px 0 0 0;
        text-align: center;
        background-position: center top !important;
        background-size: 180px !important;
    }

    .internal-communication .usecase_intro {
        padding: 30px 10px;
    }

    .internal-communication .usecase_intro .usecase_text > .right_form {
        width: 100%
    }

    .commkit_text > p {
        padding-right: 0;
    }
    .ball_list.type03 .tp-list.tp-type02 li {
        padding: 30px 0 0 0;
    }
    .ball_list.type03 .tp-list span,
    .ball_list.type03 .tp-list.tp-type02 span {
        left: 50%;
        width: 50px;
        height: 50px;
        transform: translateX(-50%);
    }

    .ball_list.type03 .tp-list.tp-type02 span {
        width: 80px;
        height: 80px;
    }

    .ball_list.type03 .tp-list span img {
        display: block;
        width: 100%
    }
    .tcpatext_box .numtit_box li {
        font-size: 13px;
    }

    .tcpatext_box .pargrph_box .bullet_list li {
        font-size: 13px;
    }

    .tcpatext_box {
        font-size: 13px;
    }

    .tp-btn-box {
        padding: 0 20px;
    }

    .automation_intro {
        display: block;
    }

    .left_desc_form_right {
        width: 100%
    }

    .automation_intro.integrations p {
        padding: 0;
        text-align: center;
    }

    .automation_list.li_circle_type > li {
        width: 50%;
        float: left;
    }

    .automation_list.li_circle_type2 > li {
        width: 50%;
        float: left;
    }

    .automation_list.li_box_type > li {
        float: left;
        width: 49%
    }

    .integrations_list {
        margin-top: -25px;
    }

    .right-form-group {
        position: relative;
        top: 0;
        margin-top: 20px;
    }

    .right-form-group .right_form {
        width: 100%
    }

    .page_info_text {
        padding: 30px 0;
    }

    .tcpatext_box {
        padding: 25px 30px;
    }

    .tcpatext_box .page-tit-depth3-purple {
        margin-bottom: 20px;
    }

    .anti_box .pargrph_box {
        margin-bottom: 20px;
    }
}
@media screen and (max-width:850px) {
    .increase_graph .img_graph h3{
        text-align: left;
    }

    .sub .round_list.support{
        flex-wrap: wrap;
    }
    .sub .round_list dl {
        margin: 10px;
    }
    .sub .round_list dl+dl {
        margin-left: 10px;
    }
    .sub .casecard_wrap > ul{
        width: 372px;
    }

    .icon_textlist.sms ul li {
        float: none;
        width: 100%;
        height: auto !important;
    }

    .icon_textlist.sms ul li:nth-of-type(1),
    .icon_textlist.sms ul li:nth-of-type(3) {
        border-right: none;
    }

    .icon_textlist.sms ul li:nth-of-type(3) {
        border-right: none;
        border-bottom: dashed 2px #e1e1e1;
    }

    .icon_textlist.sms ul li:nth-of-type(1) {
        padding: 0 0 20px 76px !important;
        background: url(/images/omni/icon_sms1.png) no-repeat 15px 0 !important;
    }

    .icon_textlist.sms ul li:nth-of-type(2) {
        padding: 20px 0 20px 76px !important;
        background: url(/images/omni/icon_sms2.png) no-repeat 15px 24px !important;
    }

    .icon_textlist.sms ul li:nth-of-type(3) {
        padding: 20px 0 20px 76px !important;
        background: url(/images/omni/icon_sms3.png) no-repeat 15px 24px !important;
    }

    .icon_textlist.sms ul li:nth-of-type(4) {
        padding: 20px 0 20px 76px !important;
        background: url(/images/omni/icon_sms4.png) no-repeat 20px 34px !important;
    }

    .advantage_list.trumpiaad1 ul li {
        padding: 20px 20px 20px 76px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(1) {
        padding: 0 20px 20px 76px !important;
        background: url(/images/omni/icon_sms5.png) no-repeat 5px 0 !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(2) {
        background: url(/images/omni/icon_sms6.png) no-repeat 5px 24px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(3) {
        background: url(/images/omni/icon_sms8.png) no-repeat 5px 24px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(4) {
        background: url(/images/omni/icon_sms9.png) no-repeat 5px 24px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(5) {
        background: url(/images/omni/icon_sms10.png) no-repeat 5px 24px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(6) {
        background: url(/images/omni/icon_sms11.png) no-repeat 5px 24px !important;
    }

    .advantage_list.trumpiaad1 ul li:nth-of-type(7) {
        background: url(/images/omni/icon_sms12.png) no-repeat 5px 24px !important;
    }

    .compare_graph {
        padding: 30px 0;
    }

    .compare_graph .img_graph ul li {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }

    .compare_graph .img_graph ul li span {
        padding: 0 !important;
        text-align: center !important;
    }

    .compare_graph .img_graph ul li strong {
        right: auto !important;
        left: auto !important;
        text-align: center !important;
    }

    .accordion_tap li .accordion_top,
    .accordion_tap li.on .accordion_top {
        padding: 15px 32px 15px 55px;
    }

    .accordion_tap .accordion_top > span {
        font-size: 16px;
    }

    .accordion_tap li.on .accordion_top > span {
        font-size: 16px;
    }

    .accordion_tap .accordion_top > em {
        left: 15px;
        font-size: 25px;
    }

    .accordion_tap .accordion_top:after {
        right: 17px;
    }

    .day_graph {
        float: none;
        width: 100%;
        margin-bottom: 40px;
        padding: 0;
    }
    .day_graph h3{
        padding-left: 30px;
        text-align: center;
    }
    .increase_graph {
        float: none;
        width: 100%;
        padding: 0;
    }

    .day_graph_in {
        float: none !important;
        margin: 0 auto;
    }

    .day_graph_in .graph_body {
        float: none;
        margin: auto auto auto 30%;
    }

    .day_graph_in .bot_th {
        float: none;
        margin: auto auto auto 30%;
    }

    .roi_resetbox h2 {
        font-size: 25px;
    }

    .roi_resetbox {
        margin-top: 30px;
        padding: 40px 0;
    }

    .input_cell span {
        display: block;
        width: 100%;
        margin: 20px 0 0 0 !important;
        padding-right: 0;
    }

    .roi_resetbox input[type=number] {
        padding: 5px;
    }

    .feature_con ul li {
        max-width: 110px;
        margin: 15px 0 0 10px;
    }

    .feature_con ul li:before {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        background-position: center top !important;
        background-size: 80px !important;
    }

    .iconcon_list > ul > li {
        padding: 100px 0 20px 0;
        background-position: left 37px !important;
    }

    .iconcon_list > ul > li:nth-of-type(1),
    .iconcon_list > ul > li:nth-of-type(3),
    .iconcon_list > ul > li:nth-of-type(6) {
        background-position: left 57px !important;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(6) {
        background-position: left 37px !important;
    }

    .example_mass .iconcon_list > ul > li {
        padding: 170px 0 35px 0;
        background-position: center 57px !important;
    }

    .promo_box > ul > li {
        float: none;
        width: 100%;
        margin: 0 0 40px 0 !important;
    }

    .tutorial_video > ul > li > a > span {
        width: 100%;
        height: auto;
    }

    .tutorial_video > ul > li > a > span img {
        width: 100%
    }

    .num_contentlist > ol > li > p img {
        width: 100%
    }

    .promo_box > ul > li > a > span {
        width: 100%
    }

    .promo_box > ul > li > a > span > img {
        width: 100%
    }

    .email_addcon .sub_email > p > img {
        width: 100%
    }

    .source_box {
        width: 100%
    }

    .sms_guide {
        padding: 20px 0;
    }

    .sms_guide .sms_guideimg {
        float: none !important;
        margin-bottom: 10px;
    }

    .sms_guide .sms_guideimg img {
        max-width: 100%
    }

    .sms_guide .text_par {
        float: none !important;
        width: 100%;
        padding-right: 0 !important;
    }

    .number_tap {
        padding: 0 45px 45px 0;
    }

    .dodont_wrap > div {
        float: none;
        width: 100%
    }

    .dodont_wrap > div.bg_check {
        padding-right: 0;
        border: none;
    }

    .dodont_wrap > div.bg_x {
        padding-left: 0;
    }

    .table_roundbox:nth-of-type(1) {
        width: 100%;
        max-width: 500px;
    }

    .emailguide_wrap {
        padding: 0 0 30px 0;
    }

    .nonprofit_conlist .content_box > ul > li > h2 {
        margin-bottom: 20px;
        font-size: 20px;
    }

    .customer_usecase ul li {
        width: 100%;
        height: auto;
        margin: 0 !important;
    }

    .property.top_banner > h1 {
        font-size: 35px;
        line-height: 50px;
    }

    .club.top_banner > h1,
    .real.top_banner > h1,
    .staffing.top_banner > h1 {
        font-size: 35px;
    }

    .real.top_banner {
        background-position: center center;
    }

    .save_textbox .save_float > div {
        float: none;
        width: 100%;
        margin: 0 0 50px 0 !important;
    }

    .top_banner > h1 {
        font-size: 35px !important;
    }

    .tp-box-list.type02 li {
        min-height: 390px;
    }

    .automation_intro.integrations {
        display: block;
    }

    .automation_intro.integrations .left_desc_form_right {
        margin-bottom: 30px;
    }
    .sub .vote_advan ul li{
        max-width: 100%;
        min-height: auto;
    }
    .vote_advan ul li h3{
        margin-bottom: 20px;
        font-size: 20px;
    }
    .sub .pcj .tp-door-list-card-type04.column01 li{
        width: 100%;
    }
}
@media screen and (max-width:767px) {
    .tp-btn.size-type02 {
        padding: 0 10px;
        font-size: 20px;
    }

    a.tp-btn.size-type02 {
        padding: 7px 10px;
    }

    .lifecycle_roll .rollin {
        max-width: 314px;
    }

    .liferoll_left,
    .liferoll_right {
        top: 247px;
    }
    .lifecycle_roll .rollin ol li {
        width: 258px;
        height: auto;
        min-height: 325px;
        margin-right: 70px;
    }

    .account_list.half .tooltip:after {
        background-position: 200px center !important;
    }

    .medical_consulting .consulting_text {
        padding: 230px 0 0 0;
        background-position: center top !important;
    }

    .medical_consulting p {
        padding-top: 20px;
    }

    .kit_icon ul li {
        width: 33.3%;
        margin-bottom: 30px;
    }

    .kit_icon .page-tit-depth4-green,
    .kit_info .page-tit-depth3-blue {
        font-size: 20px;
    }

    #Password-Rules .popup,
    #forgot_password .popup {
        width: 95%
    }

    .ball_list .icon_list.list_row li {
        width: 49% !important;
    }

    .telescript_box ul {
        position: relative;
        left: 0;
    }

    .telescript_box ul li {
        width: 48%;
        height: 170px;
        margin: 0 2% 2% 0 !important;
    }

    .table_guide ul {
        top: -20px;
        left: -20px;
        width: calc(100% + 20px);
    }

    .table_guide ul li {
        width: calc(50% - 20px);
        margin: 20px 0 0 20px;
    }

    .guide_top > h1 {
        font-size: 30px;
    }

    .guide_top > h1 span {
        font-size: 16px;
    }

    .guide_top {
        height: 250px;
        background-size: auto 100%
    }

    .guide_tit {
        margin-bottom: 20px;
        padding-bottom: 20px;
        font-size: 22px;
    }

    .guide_tit2 {
        margin-bottom: 10px;
        font-size: 19px;
    }

    .statis_box ul li {
        width: 100%;
        margin: 20px 0 0 0 !important;
    }

    .guide_par > p {
        padding-bottom: 20px;
    }

    .guide_par > p.left {
        padding: 20px 0;
    }

    .guide_par > p.left > strong {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        margin-bottom: 10px;
    }

    .number_tap {
        padding: 0;
    }

    .number_tap a {
        width: 25%;
        margin-bottom: 15px;
        text-align: center;
    }

    .number_tap a:before {
        display: none;
    }

    .number_tap a span {
        display: inline-block;
        float: none;
    }

    .guide_whiteboard {
        padding: 50px 20px;
    }

    .page_move span {
        display: block;
        float: none !important;
        text-align: left !important;
    }

    .page_move span:nth-of-type(2):before {
        margin-top: 15px;
        padding-right: 0;
        padding-left: 13px;
        background: url(/images/guide/bullet_prev.png) no-repeat left 3px;
    }

    .hr_section.top_banner > h1 {
        font-size: 35px;
    }

    .sales_section.top_banner > h1 {
        font-size: 35px;
    }

    .sales_smsmessaging .car_tith1,
    .why_sales .car_tith1 {
        margin-bottom: 30px;
    }

    .why_sales .whylist li {
        padding: 120px 0 30px !important;
    }

    .why_sales .whylist li:after {
        top: 40px !important;
        left: 0;
    }

    .why_sales .whylist li:first-child:after {
        top: 10px !important;
    }

    .follow_sale .content_box:after {
        left: 0;
        max-width: 340px;
    }

    .accounting_increase .content_box > p,
    .accounting_provide .content_box > div,
    .accounting_tighten > .content_box p {
        padding: 0 !important;
    }

    .political .top_banner > h1 {
        font-size: 40px;
        text-align: center;
        background-position: center top;
    }

    .political .channel > .content_box > div {
        padding: 0;
    }

    .political .channel > .content_box > div:before {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto 30px;
    }

    .car_sendsms > .content_box > p {
        padding: 0;
    }

    .political .life_car .content_box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 40px 0 !important;
    }

    .customer .top_banner > h1 {
        font-size: 40px;
        text-align: center;
        background-position: center top;
    }

    .customer .car_sendsms > .content_box > p {
        padding: 0;
    }

    .customer .life_car .content_box ul li {
        width: 100%;
        height: auto;
        margin: 0 0 40px 0 !important;
    }

    .automation_list.li_box_type > li {
        width: 100%
    }
}
@media screen and (max-width:736px) {
    .accordion_tap li.on .tooltip:after {
        left: 0;
        background: url(/images/common/tool_bullet.png) no-repeat 20px center;
    }

    .fullpage .white_box p.account_thank {
        padding: 30px 0 0 0;
    }

    .self_list ul li {
        width: 100% !important;
        margin: 0 0 20px 0;
        background-size: auto !important;
    }

    .self_list ul li a span br {
        display: none;
    }

    .self_list ul li a span {
        font-size: 20px;
    }

    .statis_box ul li .guide_imgbox img {
        max-width: 100%
    }

    .accounting.top_banner > h1 {
        text-align: center;
        background-position: center top;
    }

    .accounting_improve > .content_box:after {
        width: 320px;
        height: 317px;
    }

    .accounting_keep > .content_box:before,
    .accounting_tighten > .content_box:before {
        width: 320px;
        height: 305px;
    }
}
@media screen and (max-width:720px) {
    .only-web-view {
        display: none !important;
    }

    .only-mobile-view {
        display: block !important;
    }
    .section-title-type02 + .text.medium {
        margin-top: 20px;
    }

    .section-title-type01 + .jumbotron {
        margin-top: 60px;
    }

    .section-sub-title-type01 + .jumbotron {
        margin-top: 60px;
    }
    .subtitles-group .nav-toggle-btn {
        font-size: 16px;
    }

    .subtitles-group .nav-toggle-target {
        font-size: 16px;
    }
    .text-box h1 {
        width: 100%;
        font-size: 30px;
        line-height: 40px;
    }

    .text-box h2 {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500;
    }
    .main-visual .btn-box .button + .button {
        margin-left: 10px;
    }
    .hover-card li + li {
        margin-left: 0px;
    }
    .hover-card li {
        width: 100%;
        height: auto;
    }
    .hover-card p {
        font-size: 14px;
    }

    .hover-card + .btn-box {
        margin-top: 30px;
    }
    .jumbotron .text-group .title{
        font-size: 26px;
    }
    .jumbotron-list .btn-console {
        flex-direction: column;
        text-align: center;
    }

    .jumbotron-list .btn-console li + li {
        margin: 14px 0 0 0;
    }
    .tp-contact-banner .freetrial_box p:nth-of-type(1){
        font-size: 26px;
    }
    .service-list li {
        width: 48%;
        margin: 4% 0 0 0;
        font-size: 14px;
    }

    .service-list li > a {
        height: auto;
        padding: 116px 20px 30px;
    }
    .customer-group .customer-list-item .txtWrap{
        padding-top: 65px;
        background-size: 160px;
    }

    .handout-box {
        flex-direction: column;
    }

    .handout-box .img-box {
        margin-right: 0;
    }
    .download-handout .hoImg {
        width: 220px;
    }
    .handout-box .form-box {
        width: 100%;
        margin-top: 30px;
    }

    .handout-box .img-box img {
        display: block;
        margin: 0 auto;
    }
    .handout-box .actions .hs-button {
        font-size: 14px;
    }

    .card-list {
        flex-direction: column;
    }

    .card-list > li:first-child {
        padding: 0 0 50px 0;
    }

    .card-list > li:first-child:after {
        top: auto;
        bottom: 0;
        left: 0;
        right: auto;
        width: 100%;
        height: 1px;
    }

    .card-list > li {
        width: 100%;
        padding: 50px 0 0 0;
    }

    .card-list > li span {
        font-size: 28px;
    }
    .marketing-list li:nth-child(9) ~ li {
        display: block;
    }

    .marketing-list li:nth-child(6) ~ li {
        display: none;
    }

    .address_box {
        position: relative;
        left: 0;
    }

    .address_box > ul > li {
        float: left;
        width: 50%;
    }

    .page-tit-depth3 {
        margin-bottom: 30px;
        font-size: 30px;
        font-weight: 900;
    }



    .marketingdec_info {
        padding:  0;
    }

    .marketingdec_info .page-tit-depth3-blue {
        margin-bottom: 30px;
        font-size: 45px;
        text-align: center;
    }

    .marketingdec_info p {
        margin-bottom: 20px;
        text-align: center;
        line-height: 32px;
    }

    .accordion_tap.how li.on .accordion_con {
        padding: 30px 50px;
    }

    .summry_how {
        position: relative;
        min-height: 219px;
        padding: 0 0 0 216px;
    }

    .summry_how.full {
        position: relative;
        min-height: auto;
        margin-top: 50px;
        padding: 0;
    }

    .summry_how.full:first-child {
        margin-top: 0;
    }

    .summry_how.full strong {
        display: block;
        margin-bottom: 10px;
    }

    .summry_how.full .img_par {
        margin-bottom: 30px;
    }

    .summry_how .img_box {
        position: absolute;
        top: 0;
        left: 0;
        width: 219px;
        height: 219px;
    }


    .summry_img > ul > li {
        float: left;
        width: 235px;
        padding: 0 0 0 15px;
    }

    .summry_img.big > ul > li {
        float: left;
        width: 279px;
        padding: 0 0 0 15px;
    }

    .summry_img > ul {
        position: relative;
        left: -15px;
        margin-top: 30px;
    }

    .summry_img > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .summry_img > ul > li > div {
        overflow: hidden;
        height: 440px;
        border: solid 1px #ddd;
        border-radius: 5px;
        background: #fff;
    }

    .summry_img > ul > li > div > p {
        padding: 20px 10px;
        font-size: 14px;
        text-align: center;
        line-height: 24px;
    }

    .summry_img > ul > li > div > span {
        display: block;
    }

    .library_box {
        padding: 70px 0;
    }

    .library_box > ul {
        overflow: hidden;
        position: relative;
        left: -34px;
    }

    .library_box > ul > li {
        float: left;
        width: 33.3%;
        padding: 0 34px;
    }

    .library_box > ul > li > div {
        height: 440px;
        border: solid 1px #ebebeb;
        border-radius: 8px;
        text-align: center;
    }

    .library_box > ul > li > div h2 {
        height: 220px;
        padding-top: 68px;
        color: #fff;
        font-size: 30px;
        font-weight: 700;
        text-shadow: 4px 2px 2px rgba(0, 0, 0, .2);
    }

    .library_box > ul > li > div .library_con {
        padding: 30px 50px 0 50px;
    }

    .library_box > ul > li > div .library_con a {
        display: inline-block;
        margin-top: 20px;
        color: #01baef;
        font-weight: 700;
    }

    .library_box > ul > li:nth-of-type(1) > div h2 {
        background: url(/images/resources/icon_video1.png) center center #59c3c3 no-repeat;
    }

    .library_box > ul > li:nth-of-type(2) > div h2 {
        background: url(/images/resources/icon_video2.png) center 34px #817dc5 no-repeat;
    }

    .library_box > ul > li:nth-of-type(3) > div h2 {
        background: url(/images/resources/icon_video3.png) center 35px #ea657b no-repeat;
    }

    .input_bt {
        display: inline-block;
        position: relative;
        top: -4px;
    }

    .input_bt:after {
        content: "";
        display: inline-block;
        box-sizing: border-box;
        position: absolute;
        bottom: -6px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 20px;
        border-radius: 5px;
        color: #fff;
        background: #b84f62;
        transition: all .2s ease;
    }

    .input_bt:hover:after {
        bottom: 0;
    }

    .affiliate_prwrap {
        padding: 75px 0;
        background: #e5f8fd;
    }

    .affiliate_program {
        position: relative;
        min-height: 491px;
        padding: 70px 470px 0 0;
    }

    .affiliate_program .page-tit-depth3-blue {
        margin-bottom: 20px;
        font-size: 40px;
    }


    .affiliate_program .hbspt-form .hs-form-field .input input {
        height: 30px;
        line-height: 28px;
    }

    .affiliate_program .hbspt-form .hs-form-field .input {
        height: 28px;
        border: none;
        line-height: 28px;
    }

    .affiliate_program .right_form.formboox .hbspt-form .hs-form-field label {
        font-size: 12px;
    }

    .affiliate_program .hbspt-form .hs-form-field .input select {
        height: 28px;
        line-height: 28px;
    }

    .affiliate_program .formboox input[type=submit] {
        font-size: 13px;
    }

    .affiliate_program .actions {
        height: 40px;
        line-height: 40px;
    }

    .right_form.green strong {
        font-size: 15px;
        background: #59c3c3;
    }

    .right_form.green .hbspt-form {
        margin-bottom: 0;
        background: #ace1e1;
    }

    .affiliate_wrap .hs-error-msgs label {
        color: #ea657b !important;
    }

    .campaigncard_wrap {
        padding: 70px 0;
    }

    .campaigncard_wrap .page-tit-depth3-purple {
        margin-bottom: 40px;
        font-size: 40px;
        text-align: center;
    }

    .campaigncard_wrap .cardlist ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .campaigncard_wrap .cardlist ul li {
        float: left;
        width: 33.3%;
        padding: 0 25px;
    }

    .campaigncard_wrap .cardlist ul li > div {
        max-width: 357px;
        height: 434px;
        padding: 173px 30px 0 30px;
        text-align: center;
        background: #fff;
        box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
    }

    .campaigncard_wrap .cardlist ul li > div strong {
        display: block;
        margin-bottom: 10px;
        font-size: 20px;
        font-weight: 700;
    }

    .campaigncard_wrap .cardlist ul li > div p {
        line-height: 28px;
    }

    .campaigncard_wrap .cardlist ul li:nth-of-type(1) > div {
        background: url(/images/partner/icon_affiliate1.png) no-repeat center 35px;
    }

    .campaigncard_wrap .cardlist ul li:nth-of-type(2) > div {
        background: url(/images/partner/icon_affiliate2.png) no-repeat center 35px;
    }

    .campaigncard_wrap .cardlist ul li:nth-of-type(3) > div {
        background: url(/images/partner/icon_affiliate3.png) no-repeat center 25px;
    }
    .reseller {
        padding: 50px 0;
    }

    .reseller .resource_box ul li > div {
        height: 330px;
    }

    .reseller .resource_box ul li.resource20 > div {
        height: 360px;
    }

    .reseller .resource_box ul li > div {
        padding: 135px 40px 0 40px;
        background-color: #d9f5fd;
        background-repeat: no-repeat;
        background-position: center 35px;
    }

    .reseller .resource_box ul li > div a {
        padding: 0;
        background: 0 0;
    }

    .reseller .resource_box ul li.resource1 div {
        background-image: url(/images/partner/icon_resource1.png);
    }

    .reseller .resource_box ul li.resource2 div {
        background-image: url(/images/partner/icon_resource2.png);
    }

    .reseller .resource_box ul li.resource3 div {
        background-image: url(/images/partner/icon_resource3.png);
    }

    .reseller .resource_box ul li.resource4 div {
        background-image: url(/images/partner/icon_resource4.png);
    }

    .reseller .resource_box ul li.resource5 div {
        background-image: url(/images/partner/icon_resource5.png);
    }

    .reseller .resource_box ul li.resource6 div {
        background-image: url(/images/partner/icon_resource6.png);
    }

    .reseller .resource_box ul li.resource7 div {
        background-image: url(/images/partner/icon_resource7.png);
    }

    .reseller .resource_box ul li.resource8 div {
        background-image: url(/images/partner/icon_resource8.png);
    }

    .reseller .resource_box ul li.resource9 div {
        background-image: url(/images/partner/icon_resource9.png);
    }

    .reseller .resource_box ul li.resource10 div {
        background-image: url(/images/partner/icon_resource10.png);
    }

    .reseller .resource_box ul li.resource11 div {
        background-image: url(/images/partner/icon_resource11.png);
    }

    .reseller .resource_box ul li.resource12 div {
        background-image: url(/images/partner/icon_resource12.png);
    }

    .reseller .resource_box ul li.resource13 div {
        background-image: url(/images/partner/icon_resource13.png);
    }

    .reseller .resource_box ul li.resource14 div {
        background-image: url(/images/partner/icon_resource14.png);
    }

    .reseller .resource_box ul li.resource15 div {
        background-image: url(/images/partner/icon_resource15.png);
    }

    .reseller .resource_box ul li.resource16 div {
        background-image: url(/images/partner/icon_resource16.png);
    }

    .reseller .resource_box ul li.resource17 div {
        background-image: url(/images/partner/icon_resource17.png);
    }

    .reseller .resource_box ul li.resource18 div {
        background-image: url(/images/partner/icon_resource18.png);
    }

    .reseller .resource_box ul li.resource19 div {
        background-image: url(/images/partner/icon_resource19.png);
        background-position: center 30px;
    }

    .reseller .resource_box ul li.resource20 div {
        background-image: url(/images/partner/icon_resource20.png);
    }

    .reseller .resource_box.pink ul li > div {
        background-color: #fce8eb;
    }

    .reseller .resource_box.green ul li > div {
        background-color: #e6f6f6;
    }

    .reseller .resource_box.purple ul li > div {
        background-color: #ececf6;
    }

    .sub_message {
        margin-top: 20px;
    }

    .sub_message > h3 {
        color: #01baef;
        font-weight: 700;
        font-size: 20px;
    }

    .table_text {
        margin-top: 30px;
        border: solid 1px #d7d7d7;
    }

    .table_listcon:after {
        content: "";
        display: block;
        clear: both;
    }

    .table_listcon > div {
        float: left;
        border-left: solid 1px #d7d7d7;
    }

    .table_listcon:nth-of-type(1) > div:nth-of-type(1) {
        float: left;
        border-top: solid 0 #d7d7d7;
    }

    .table_listcon > div:nth-of-type(1) {
        border-top: solid 1px #d7d7d7;
        font-weight: 700;
    }

    .table_listcon > div:after {
        content: "";
        display: block;
        clear: both;
    }

    .table_listcon > div:nth-of-type(1) {
        width: 207px;
        padding: 20px;
        border-left: none;
        font-weight: 700;
    }

    .table_listcon > div:nth-of-type(2) {
        width: calc(100% - 207px);
    }

    .table_listcon > div:nth-of-type(2) > div:after {
        content: "";
        display: block;
        clear: both;
    }

    .table_listcon > div:nth-of-type(2) > div {
        border-top: solid 1px #d7d7d7;
    }

    .table_listcon > div:nth-of-type(2) > div > div {
        float: left;
        padding: 20px;
    }

    .table_listcon > div:nth-of-type(2) > div > div:nth-of-type(1) {
        width: 224px;
    }

    .table_listcon > div:nth-of-type(2) > div > div:nth-of-type(2) {
        width: calc(100% - 224px);
        border-left: solid 1px #d7d7d7;
    }

    .table_listcon .bullet_list li {
        margin-bottom: 5px;
    }

    .table_listcon .bordernone {
        border-top: none !important;
    }

    .text_rule {
        margin-top: 30px;
        padding-bottom: 0;
        border-bottom: none;
    }

    .text_rule:nth-of-type(2) {
        margin-bottom: 50px;
        padding-bottom: 50px;
        border-bottom: solid 1px #ddd;
    }

    .text_rule:nth-of-type(3) {
        padding-bottom: 0;
    }

    .text_rule h3 {
        margin-bottom: 10px;
        color: #ea657b;
    }

    .text_rule > .bullet_list {
        margin-left: 20px;
    }

    .text_rule > .bullet_list li {
        margin-bottom: 10px;
    }

    .text_rule > .bullet_list li > .bullet_list li:after {
        top: 8px;
        height: 1px;
        border-radius: 0;
    }

    .text_rule > .bullet_list li .bullet_list {
        margin-top: 10px;
    }

    .table_listcon1:after {
        content: "";
        display: block;
        clear: both;
    }

    .table_listcon1 > div {
        float: left;
        border-left: solid 1px #d7d7d7;
    }

    .table_listcon1 > div:nth-of-type(1) {
        width: 207px;
        padding: 20px;
        border-left: 0;
        font-weight: 700;
    }

    .table_listcon1:nth-of-type(2) > div {
        border-top: solid 1px #d7d7d7;
    }

    .table_listcon1 > div:nth-of-type(2) {
        width: calc(100% - 207px);
        padding: 20px;
    }

    .table_listcon1 .bullet_list li {
        margin-bottom: 10px;
    }

    .fullpage {
        padding: 170px 0 !important;
        text-align: center;
        background: url(/images/ect/bg_contact.png) no-repeat center center #01baef;
    }

    .fullpage .white_box {
        width: 980px;
        margin: 0 auto;
        padding: 80px 0;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 10px 6px -6px #777;
    }

    .fullpage .white_box h1 {
        color: #59c3c3;
        font-size: 48px;
    }

    .fullpage .white_box p {
        padding: 30px 0 0 0;
        font-size: 24px;
    }

    .fullpage .white_box p.account_thank {
        padding: 50px 150px 0 150px;
        font-size: 16px;
    }

    .fullpage .white_box p span {
        display: block;
        margin-top: 40px;
        font-size: 16px;
    }

    .fullpage .btn_area {
        margin-top: 0;
        padding: 50px 0 0 0;
        border: none;
    }

    .fullpage .account_thank {
        padding: 0 150px;
        font-size: 16px;
    }

    .fullpage .account_thank a {
        font-weight: 500;
    }

    h2.sms_title,
    h3.sms_title {
        margin-bottom: 30px;
        color: #01baef;
        font-weight: 700;
        font-size: 40px;
        text-align: center;
        letter-spacing: -.5px;
    }

    .sms_main {
        overflow: hidden;
        position: fixed;
        top: 110px;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 444px;
        background-image: linear-gradient(180deg, #fff, #bae3ef);
    }

    .sms_main .content_box {
        height: 100%
    }

    .sms_main .btn_box {
        margin-top: 37px;
    }

    .sms_main .btn_box a:nth-of-type(1) {
        margin-right: 20px;
    }

    .smsobj_box {
        position: absolute;
        top: 0;
        left: 620px;
        height: 100%
    }

    .smsobj_box span {
        display: block;
        position: absolute;
    }

    .smsobj_box span.smslaptop {
        bottom: 0;
        left: 50px;
        z-index: 4;
        width: 563px;
        height: 395px;
        background: url(/images/sms/obj1.png) no-repeat;
    }

    .smsobj_box span.smsbook {
        bottom: 170px;
        left: 530px;
        z-index: 3;
        width: 252px;
        height: 208px;
        background: url(/images/sms/obj3.png) no-repeat;
    }

    .smsobj_box span.smsclock {
        bottom: 260px;
        left: 270px;
        z-index: 3;
        width: 84px;
        height: 84px;
        background: url(/images/sms/obj2.png) no-repeat;
    }

    .smsobj_box:after {
        content: "";
        display: block;
        position: absolute;
        top: -33px;
        left: 0;
        z-index: 2;
        width: 667px;
        height: 667px;
        border-radius: 50%;
        background: #59c3c3;
        opacity: .2;
    }

    .sms_maintext {
        padding: 80px 0 0 0;
    }

    .sms_maintext strong {
        display: block;
        color: #01baef;
        font-weight: 700;
        font-size: 60px;
        letter-spacing: -.5px;
    }

    .sms_maintext p {
        display: block;
        margin-top: 30px;
        color: #3c4147;
        font-weight: 700;
        font-size: 36px;
        line-height: 40px;
    }

    .sms_container {
        position: relative;
        z-index: 5;
        margin: 444px 0 0 0;
        background: #fff;
    }

    .marketing_decwrap {
        padding: 15px 0 100px 0;
        background-image: linear-gradient(180deg, #fff, #fff);
    }
    .sms_why {
        margin: 125px 0;
    }

    .sms_why ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .sms_why li {
        overflow: hidden;
        float: left;
        position: relative;
        width: 380px;
        height: 570px;
        margin-right: 20px;
        padding: 20px;
        border-radius: 5px;
        background: #fff;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    }

    .sms_why li:last-child {
        margin-right: 0;
    }

    .sms_why li h3 {
        display: block;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 30px;
    }

    .sms_why li p {
        position: relative;
        z-index: 2;
        margin-top: 25px;
    }

    .sms_why li p:nth-of-type(1) {
        margin-top: 0;
    }

    .sms_why li:after {
        content: "01";
        display: block;
        position: absolute;
        right: 0;
        bottom: -117px;
        z-index: 1;
        color: #efeff7;
        font-weight: 700;
        font-size: 260px;
    }

    .sms_why li:nth-of-type(1):after {
        content: "01"
    }

    .sms_why li:nth-of-type(2):after {
        content: "02"
    }

    .sms_why li:nth-of-type(3):after {
        content: "03"
    }

    .sms_use ul li {
        min-height: 184px;
        padding: 36px 50px 36px 244px;
        border-top: dashed 1px #e1e1e1;
    }

    .sms_use ul li:nth-of-type(1) {
        border-top: none;
    }

    .sms_use ul li h3 {
        display: block;
        color: #58c3c3;
        font-weight: 700;
        font-size: 30px;
    }

    .sms_use ul li:nth-of-type(1) {
        background: url(/images/sms/ico_marketing1.png) no-repeat 45px 34px;
    }

    .sms_use ul li:nth-of-type(2) {
        background: url(/images/sms/ico_marketing2.png) no-repeat 45px 34px;
    }

    .sms_use ul li:nth-of-type(3) {
        background: url(/images/sms/ico_marketing3.png) no-repeat 45px 34px;
    }

    .sms_use ul li:nth-of-type(4) {
        background: url(/images/sms/ico_marketing4.png) no-repeat 45px 34px;
    }

    .sms_customerlove {
        padding: 100px 0;
        background: #e6f6f6;
    }

    .sms_customerlove h2 {
        margin-bottom: 40px;
    }

    .love_whylist ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .love_whylist ul li {
        float: left;
        width: 50%;
        height: 200px;
        padding: 32px 20px 25px 103px;
        border-bottom: dashed 2px #e1e1e1;
    }

    .love_whylist ul li h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 24px;
    }

    .love_whylist ul li:nth-of-type(1) {
        background: url(/images/sms/ico_customer1.png) no-repeat 22px 32px;
    }

    .love_whylist ul li:nth-of-type(2) {
        background: url(/images/sms/ico_customer2.png) no-repeat 22px 32px;
    }

    .love_whylist ul li:nth-of-type(3) {
        background: url(/images/sms/ico_customer3.png) no-repeat 22px 32px;
    }

    .love_whylist ul li:nth-of-type(4) {
        background: url(/images/sms/ico_customer4.png) no-repeat 22px 38px;
    }

    .love_whylist ul li:nth-of-type(5) {
        background: url(/images/sms/ico_customer5.png) no-repeat 22px 38px;
    }

    .love_whylist ul li:nth-of-type(6) {
        background: url(/images/sms/ico_customer6.png) no-repeat 22px 37px;
    }

    .love_whylist ul li:nth-of-type(7) {
        background: url(/images/sms/ico_customer7.png) no-repeat 22px 38px;
    }

    .love_whylist ul li:nth-of-type(8) {
        background: url(/images/sms/ico_customer8.png) no-repeat 22px 32px;
    }

    .review_box {
        margin-top: 50px;
    }

    .review_box h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 24px;
        text-align: center;
    }

    .review_con {
        width: 839px;
        height: 238px;
        margin: 0 auto;
        padding: 43px 75px;
        color: #fff;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
        background: url(/images/sms/customer_bg.png) no-repeat;
    }

    .review_con .review_text {
        position: relative;
        margin-bottom: 25px;
        font-size: 20px;
        font-style: italic;
    }

    .review_con .review_text:after,
    .review_con .review_text:before {
        content: "";
        display: inline-block;
        position: relative;
        width: 28px;
        height: 20px;
    }

    .review_con .review_text:before {
        top: -3px;
        left: -2px;
        background: url(/images/sms/imgbg_1.png) no-repeat;
    }

    .review_con .review_text:after {
        right: -2px;
        bottom: 0;
        background: url(/images/sms/imgbg_2.png) no-repeat;
    }

    .sms_support {
        padding: 100px 0;
        background: #fff;
    }

    .roundlist_box ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .roundlist_box ul li {
        float: left;
        width: 33.3%;
        padding: 0 2%;
        text-align: center;
    }

    .roundlist_box ul li h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 29px;
    }

    .roundlist_box ul li:before {
        content: "";
        display: block;
        width: 178px;
        height: 178px;
        margin: 0 auto 50px auto;
    }

    .roundlist_box ul li:nth-of-type(1) h3 {
        color: #59c3c3;
    }

    .roundlist_box ul li:nth-of-type(1):before {
        background: url(/images/sms/bot_img1.png) no-repeat;
    }

    .roundlist_box ul li:nth-of-type(2) h3 {
        color: #01baef;
    }

    .roundlist_box ul li:nth-of-type(2):before {
        background: url(/images/sms/bot_img2.png) no-repeat;
    }

    .roundlist_box ul li:nth-of-type(3) h3 {
        color: #ea657b;
    }

    .roundlist_box ul li:nth-of-type(3):before {
        background: url(/images/sms/bot_img3.png) no-repeat;
    }

    .sms_listfeature {
        padding: 102px 0;
        background: #ececf6;
    }

    .feature_con {
        text-align: center;
    }

    .feature_con ul li {
        display: inline-block;
        vertical-align: top;
        max-width: 100px;
        margin: 25px 0 0 33px;
    }

    .feature_con ul li:nth-of-type(4) {
        max-width: 120px;
    }

    .feature_con ul li:before {
        content: "";
        display: block;
        width: 100px;
        height: 100px;
        margin: 0 auto 10px auto;
    }

    .feature_con ul li:nth-of-type(1):before {
        background: url(/images/sms/icon_list1.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(2):before {
        background: url(/images/sms/icon_list2.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(3):before {
        background: url(/images/sms/icon_list3.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(4):before {
        background: url(/images/sms/icon_list4.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(5):before {
        background: url(/images/sms/icon_list5.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(6):before {
        background: url(/images/sms/icon_list6.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(7):before {
        background: url(/images/sms/icon_list7.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(8):before {
        background: url(/images/sms/icon_list8.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(9):before {
        background: url(/images/sms/icon_list9.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(10):before {
        background: url(/images/sms/icon_list10.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(11):before {
        background: url(/images/sms/icon_list11.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(12):before {
        background: url(/images/sms/icon_list12.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(13):before {
        background: url(/images/sms/icon_list13.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(14):before {
        background: url(/images/sms/icon_list14.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(15):before {
        background: url(/images/sms/icon_list15.png) no-repeat;
    }

    .feature_con ul li:nth-of-type(16):before {
        background: url(/images/sms/icon_list16.png) no-repeat;
    }

    .sub_decpar {
        display: block;
        margin-top: -10px;
        text-align: center;
    }

    .sub_decpar_bot {
        display: block;
        clear: both;
        margin-top: 40px;
        text-align: center;
    }

    .text_blue {
        border-bottom: solid 1px;
        color: #01baef;
    }

    .mass.matter_con ul li:nth-of-type(1) {
        background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
    }

    .mass.matter_con ul li:nth-of-type(2) {
        background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
    }

    .mass.matter_con ul li:nth-of-type(3) {
        background: url(/images/core/icon_masswork3.png) no-repeat left 50px;
    }

    .mass.matter_con ul li:nth-of-type(4) {
        background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
    }

    .getting_mass {
        padding: 130px 0;
    }

    .getting_mass .par {
        padding: 30px 0 0 0;
        text-align: center;
    }

    .getting_mass .h2.sms_title {
        margin-bottom: 0;
    }

    .mass_ter h2 {
        color: #817dc5;
    }

    .mass_use h2 {
        margin-bottom: 60px;
        color: #59c3c3;
    }

    .marketing_decwrap.mass {
        padding: 15px 0 0 0;
    }

    .iconcon_list > ul {
        position: relative;
        top: -35px;
    }

    .iconcon_list > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .iconcon_list > ul > li {
        float: left;
        width: 50%;
        height: 300px;
        padding: 35px 20px 35px 95px;
        border-top: dashed 2px #e1e1e1;
        line-height: 28px;
    }

    .iconcon_list > ul > li strong {
        display: block;
        margin-bottom: 20px;
        font-size: 24px;
    }

    .iconcon_list ul li:nth-of-type(2),
    .iconcon_list > ul > li:nth-of-type(1) {
        border-top: none;
    }

    .iconcon_list ul li:nth-of-type(4),
    .iconcon_list > ul > li:nth-of-type(3) {
        height: 345px;
    }

    .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/core/icon_masster1.png) no-repeat left 37px;
    }

    .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/core/icon_masster2.png) no-repeat 30px 37px;
    }

    .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/core/icon_masster3.png) no-repeat left 37px;
    }

    .iconcon_list > ul > li:nth-of-type(4) {
        background: url(/images/core/icon_masster4.png) no-repeat 30px 37px;
    }

    .iconcon_list > ul > li:nth-of-type(5) {
        background: url(/images/core/icon_masster5.png) no-repeat left 37px;
    }

    .iconcon_list > ul > li:nth-of-type(6) {
        background: url(/images/core/icon_masster6.png) no-repeat 30px 37px;
    }

    .iconcon_list > ul > li:nth-of-type(7) {
        background: url(/images/core/icon_masster7.png) no-repeat left 37px;
    }

    .iconcon_list > ul > li:nth-of-type(8) {
        background: url(/images/core/icon_masster8.png) no-repeat 30px 37px;
    }

    .iconcon_list > ul > li:nth-of-type(9) {
        background: url(/images/core/icon_masster9.png) no-repeat left 37px;
    }

    .iconcon_list > ul > li:nth-of-type(10) {
        background: url(/images/core/icon_masster10.png) no-repeat 30px 37px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/core/icon_masster11.png) no-repeat left 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/core/icon_masster12.png) no-repeat 30px 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/core/icon_masster13.png) no-repeat left 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(4) {
        background: url(/images/core/icon_masster14.png) no-repeat 30px 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(5) {
        background: url(/images/core/icon_masster15.png) no-repeat left 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(6) {
        background: url(/images/core/icon_masster16.png) no-repeat 30px 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-of-type(7) {
        background: url(/images/core/icon_masster17.png) no-repeat left 35px;
    }

    .mass_use .iconcon_list > ul > li:nth-last-of-type(1) {
        background: 0 0;
    }

    .mass_use .iconcon_list ul li:nth-of-type(4),
    .mass_use .iconcon_list > ul > li:nth-of-type(3) {
        height: 300px;
    }

    .mass_howbox {
        padding: 130px 0;
        background: #e6f6f6;
    }

    .mass_parcon {
        margin-bottom: 140px;
    }

    .mass_parcon:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    .mass_parcon .par {
        text-align: center;
    }

    .mass_numlist {
        margin: 50px 0 143px 0;
    }

    .mass_numlist ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .mass_numlist ul li {
        float: left;
        position: relative;
        width: 31%;
        height: 362px;
        margin-left: 2%;
        padding: 24px 40px;
        border-radius: 5px;
        background: #fff;
        box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
    }

    .mass_numlist ul li p {
        position: relative;
        z-index: 2;
    }

    .mass_numlist ul li p {
        position: relative;
        z-index: 2;
    }

    .mass_numlist ul li:after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -119px;
        z-index: 1;
        color: #efeff7;
        font-weight: 700;
        font-size: 260px;
    }

    .mass_numlist ul li:nth-of-type(1):after {
        content: "01"
    }

    .mass_numlist ul li:nth-of-type(2):after {
        content: "02"
    }

    .mass_numlist ul li:nth-of-type(3):after {
        content: "03"
    }

    .example_mass {
        padding: 130px 0;
    }

    .example_mass .iconcon_list {
        margin-top: 60px;
    }

    .example_mass .iconcon_list > ul > li {
        height: 370px;
        padding: 35px 20px 35px 115px;
    }

    .example_mass .iconcon_list > ul > li strong {
        color: #58c3c3;
    }

    .example_mass .iconcon_list > ul > li > .bullet_list {
        margin: 0 0 0 10px;
    }

    .example_mass .iconcon_list > ul > li > .bullet_list li {
        margin: 0 0 5px 0;
    }

    .example_mass .iconcon_list > ul > li > .bullet_list li:after {
        top: 11px;
    }

    .example_mass .iconcon_list > ul > li.full {
        float: none;
        clear: both;
        width: 100%
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/core/icon_massuse1.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/core/icon_massuse2.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/core/icon_massuse3.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(4) {
        background: url(/images/core/icon_massuse4.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(5) {
        background: url(/images/core/icon_massuse5.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(6) {
        background: url(/images/core/icon_massuse6.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(7) {
        background: url(/images/core/icon_massuse7.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(8) {
        background: url(/images/core/icon_massuse8.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(9) {
        background: url(/images/core/icon_massuse9.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(10) {
        background: url(/images/core/icon_massuse10.png) no-repeat left 30px;
    }

    .example_mass .iconcon_list > ul > li:nth-of-type(11) {
        background: url(/images/core/icon_massuse11.png) no-repeat left 30px;
    }

    .common_mass {
        padding: 100px 0;
        background: #ececf6;
    }

    .common_mass .sms_title {
        margin-bottom: 43px;
    }

    .common_numlist > li {
        position: relative;
        width: 100%;
        min-height: 225px;
        margin-bottom: 25px;
        padding: 24px 46px 24px 24px;
        border-radius: 5px;
        background: #fff;
        box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
    }

    .common_numlist > li strong {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px;
    }

    .common_numlist > li p {
        position: relative;
        z-index: 2;
        margin-top: 25px;
    }

    .common_numlist > li p:nth-of-type(1) {
        margin-top: 0;
    }

    .common_numlist > li:after {
        display: block;
        position: absolute;
        right: 0;
        bottom: -119px;
        z-index: 1;
        color: #ebf7f7;
        font-weight: 700;
        font-size: 260px;
    }

    .common_numlist > li:nth-of-type(1):after {
        content: "01";
        right: -25px;
    }

    .common_numlist > li:nth-of-type(2):after {
        content: "02";
        right: -8px;
    }

    .common_numlist > li:nth-of-type(3):after {
        content: "03";
        right: -15px;
    }

    .common_numlist > li:nth-of-type(4):after {
        content: "04";
        right: -10px;
    }

    .mass_advantage {
        padding: 0 0 130px 0;
        background: #fff;
    }

    .mass_advantage .sms_title {
        margin-bottom: 50px;
    }

    .mass_advantage .sms_title .sub_tit {
        display: block;
        margin-top: 20px;
        color: #3c4147;
        font-weight: 400;
        font-size: 16px;
    }

    .mass_advantage .massadvantage_list:after {
        content: "";
        display: block;
        clear: both;
    }

    .mass_advantage .massadvantage_list > li {
        float: left;
        margin-bottom: 2%;
        padding: 30px 20px;
        border-radius: 5px;
        line-height: 32px;
        box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
    }

    .mass_advantage .massadvantage_list > li > strong {
        display: block;
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px;
    }

    .mass_advantage .massadvantage_list > li > .bullet_list {
        margin: 0 0 0 10px;
    }

    .mass_advantage .massadvantage_list > li > .bullet_list li {
        margin: 0 0 5px 0;
    }

    .mass_advantage .massadvantage_list > li > .bullet_list li:after {
        top: 11px;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(1) {
        width: 49%;
        height: 613px;
        margin-right: 1%;
        background: url(/images/core/icon_massuse13.png) no-repeat right bottom #d9f5fd;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(2) {
        width: 49%;
        height: 613px;
        margin-left: 1%;
        background: url(/images/core/icon_massuse14.png) no-repeat right bottom #e6f6f6;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(3) {
        width: 32%;
        height: 660px;
        margin-left: 0;
        background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fce8eb;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(4) {
        width: 31%;
        height: 660px;
        margin-left: 2%;
        background: url(/images/core/icon_massuse16.png) no-repeat right bottom #ececf6;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(5) {
        width: 33%;
        height: 660px;
        margin-left: 2%;
        background: url(/images/core/icon_massuse17.png) no-repeat right bottom #f5f5f5;
    }

    .page_dec.autocampain {
        border: none;
    }

    .page_dec.autocampain h2 {
        margin-bottom: 30px;
        color: #59c3c3;
        font-weight: 700;
        font-size: 30px;
    }

    .page_dec.autocampain p {
        font-weight: 700;
    }

    .campaign_how {
        padding: 70px 0;
        background: #d9f5fd;
    }

    .campaign_how h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .shadow_boxwrap > ol:after,
    .shadow_boxwrap > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .shadow_boxwrap > ol > li,
    .shadow_boxwrap > ul > li {
        float: left;
        width: 32%;
        margin-left: 1%;
        border-radius: 5px;
        background-color: #fff !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    }

    .autocam_dec > li {
        height: 392px;
        padding: 25px;
    }

    .autocam_dec > li strong {
        font-weight: 700;
    }

    .autocam_dec > li > span > strong {
        display: block;
    }

    .autocam_dec > li > strong {
        display: block;
        margin-bottom: 0;
        color: #01baef;
        font-size: 50px;
    }

    .autocam_dec > li > .bullet_list {
        margin-top: 15px;
    }

    .autocam_dec > li > .bullet_list > li {
        margin-bottom: 10px;
    }

    .autocam_dec > li:nth-of-type(1) {
        background: url(/images/auto/campains_how1.png) no-repeat right bottom;
    }

    .autocam_dec > li:nth-of-type(2) {
        background: url(/images/auto/campains_how2.png) no-repeat right bottom;
    }

    .autocam_dec > li:nth-of-type(3) {
        background: url(/images/auto/campains_how3.png) no-repeat right bottom;
    }

    .campaignlevel_wrap {
        padding: 70px 0 0 0;
    }

    .campaignlevel_wrap > .content_box {
        position: relative;
        padding: 0 0 0 352px;
    }

    .campaignlevel_wrap .level_titbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 352px;
        padding: 0 70px 0 0;
    }

    .campaignlevel_wrap .level_titbox h2 {
        margin-bottom: 20px;
    }

    .campaignlevel_wrap .level_list ul li {
        min-height: 221px;
        padding: 50px 20px 50px 200px;
        border-top: dashed 1px #e1e1e1;
    }

    .campaignlevel_wrap .level_list ul li:first-child {
        padding: 0 20px 50px 200px;
        border-top: none;
    }

    .campaignlevel_wrap .level_list ul li h3 {
        margin-bottom: 5px;
        font-weight: 700;
        font-size: 20px;
    }

    .campaignlevel_wrap .level_list ul li:nth-of-type(1) {
        background: url(/images/auto/campains_level1.png) no-repeat left top;
    }

    .campaignlevel_wrap .level_list ul li:nth-of-type(2) {
        background: url(/images/auto/campains_level2.png) no-repeat left 40px;
    }

    .campaignlevel_wrap .level_list ul li:nth-of-type(3) {
        background: url(/images/auto/campains_level3.png) no-repeat left 40px;
    }

    .campaign_way {
        padding: 70px 0;
        background: #ececf6;
    }

    .campaign_way h2 {
        margin-bottom: 40px;
        text-align: center;
    }

    .way_list ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .way_list ul li {
        float: left;
        width: 18%;
        height: 180px;
        margin-left: 2%;
        padding: 126px 0 0 0;
        border-radius: 5px;
        text-align: center;
        background-color: #fff !important;
    }

    .way_list ul li a {
        color: #817dc5;
        font-weight: 700;
    }

    .way_list ul li:nth-of-type(1) {
        background: url(/images/auto/campains_way1.png) no-repeat center top;
    }

    .way_list ul li:nth-of-type(2) {
        padding: 117px 0 0 0;
        background: url(/images/auto/campains_way2.png) no-repeat center top;
    }

    .way_list ul li:nth-of-type(3) {
        background: url(/images/auto/campains_way3.png) no-repeat center top;
    }

    .way_list ul li:nth-of-type(4) {
        background: url(/images/auto/campains_way4.png) no-repeat center top;
    }

    .way_list ul li:nth-of-type(5) {
        background: url(/images/auto/campains_way5.png) no-repeat center top;
    }

    .dec_btn .btn:nth-of-type(1) {
        margin-right: 20px;
    }

    .sub_decpar p {
        margin-top: 30px;
    }

    .sub_decpar p:ntn-of-type(1) {
        margin-top: 0;
    }

    .matter_con.textblast ul li {
        height: 250px;
        border-bottom: dashed 2px #e1e1e1;
    }

    .matter_con.textblast ul li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .matter_con.textblast ul li:nth-of-type(1) {
        background: url(/images/doorway/ico_matters1.png) no-repeat left 50px;
    }

    .matter_con.textblast ul li:nth-of-type(2) {
        background: url(/images/doorway/ico_matters5.png) no-repeat left 50px;
    }

    .matter_con.textblast ul li:nth-of-type(3) {
        background: url(/images/doorway/ico_matters4.png) no-repeat left 50px;
    }

    .matter_con.textblast ul li:nth-of-type(4) {
        background: url(/images/doorway/ico_matters3.png) no-repeat left 50px;
    }

    .matter_con.textblast ul li:nth-of-type(5) {
        background: url(/images/doorway/ico_matters2.png) no-repeat left 50px;
    }

    .mass_parcon .par {
        margin-top: 30px;
    }

    .mass_parcon .par:ntn-of-type(1) {
        margin-top: 0;
    }

    .shadow_boxwrap.textblast > ul > li {
        width: 49%
    }

    .example_mass.textblastuse {
        padding: 130px 0 0 0;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3),
    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
        height: 440px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/doorway/ico_textuse1.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/doorway/ico_textuse2.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/doorway/ico_textuse3.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(4) {
        background: url(/images/doorway/ico_textuse4.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(5) {
        background: url(/images/doorway/ico_textuse5.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(6) {
        background: url(/images/doorway/ico_textuse6.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(7) {
        background: url(/images/doorway/ico_textuse7.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(8) {
        background: url(/images/doorway/ico_textuse8.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(9) {
        background: url(/images/doorway/ico_textuse9.png) no-repeat left 30px;
    }

    .example_mass.textblastuse .iconcon_list > ul > li:nth-of-type(10) {
        background: 0 0;
    }

    .sub_decpar1 {
        margin-top: 20px;
        text-align: center;
    }

    .shadow_boxwrap.short ul li {
        width: 48%
    }

    .shadow_boxwrap.short .text_blastlist > li {
        height: 324px;
    }

    .shadow_boxwrap.short .text_blastlist > li:nth-of-type(1) {
        background: #d2f2fd !important;
    }

    .shadow_boxwrap.short .text_blastlist > li:nth-of-type(2) {
        background: #dff4f5 !important;
    }

    .mass_parcon.short {
        margin: 0;
        padding: 50px 0 110px 0;
    }

    .textmain_dec {
        padding: 60px 0;
        font-size: 18px;
        text-align: center;
        line-height: 32px;
    }

    .effcetive_dec {
        padding: 0 0 84px 0;
        text-align: center;
    }

    .matter_con.textmarketing ul li:nth-of-type(3),
    .matter_con.textmarketing ul li:nth-of-type(4) {
        border-bottom: dashed 2px #e1e1e1;
    }

    .matter_con.textmarketing ul li:nth-of-type(1) {
        background: url(/images/sms/ico_matters1.png) no-repeat left 50px;
    }

    .matter_con.textmarketing ul li:nth-of-type(2) {
        background: url(/images/sms/ico_matters5.png) no-repeat 25px 50px;
    }

    .matter_con.textmarketing ul li:nth-of-type(3) {
        background: url(/images/sms/ico_matters2.png) no-repeat left 50px;
    }

    .matter_con.textmarketing ul li:nth-of-type(4) {
        background: url(/images/sms/ico_matters3.png) no-repeat left 50px;
    }

    .matter_con.textmarketing ul li:nth-of-type(5) {
        background: url(/images/sms/ico_matters4.png) no-repeat left 50px;
    }

    .organization_box {
        margin-top: 80px;
    }

    .organization_box > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .organization_box > ul > li {
        float: left;
        width: 47%;
        height: 620px;
        margin: 0 25px 25px 0;
        padding: 25px;
        border-radius: 5px;
        background-color: #fff !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    }

    .organization_box > ul > li > h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 30px;
    }

    .organization_box > ul > li > p {
        margin-bottom: 15px;
    }

    .organization_box > ul > li > .bullet_list > li {
        margin-bottom: 10px;
    }

    .organization_box > ul > li > .bullet_list > li:after {
        top: 12px;
    }

    .organization_box > ul > li:nth-of-type(1) {
        background: url(/images/sms/ico_organization1.png) no-repeat right bottom;
    }

    .organization_box > ul > li:nth-of-type(2) {
        background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
    }

    .organization_box > ul > li:nth-of-type(3) {
        background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
    }

    .organization_box > ul > li:nth-of-type(4) {
        background: url(/images/sms/ico_organization4.png) no-repeat right bottom;
    }

    .bussiness_list {
        margin-top: 50px;
    }

    .bussiness_list > li {
        height: 580px;
        padding: 25px;
    }

    .bussiness_list > li > strong {
        display: block;
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 30px;
    }

    .bussiness_list > li:nth-of-type(1) {
        background: url(/images/doorway/bg_business1.png) no-repeat right bottom;
    }

    .bussiness_list > li:nth-of-type(2) {
        background: url(/images/doorway/bg_business2.png) no-repeat right bottom;
    }

    .bussiness_list > li:nth-of-type(3) {
        background: url(/images/doorway/bg_business3.png) no-repeat right bottom;
    }

    .church_use {
        padding: 145px 0;
    }

    .church_use .sms_use > ul > li > p {
        line-height: 30px;
    }

    .church_use .sms_use > ul > li:nth-of-type(1) {
        background: url(/images/doorway/icon_church1.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(2) {
        background: url(/images/doorway/icon_church2.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(3) {
        background: url(/images/doorway/icon_church3.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(4) {
        background: url(/images/doorway/icon_church4.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(5) {
        background: url(/images/doorway/icon_church5.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(6) {
        background: url(/images/doorway/icon_church6.png) no-repeat;
    }

    .church_use .sms_use > ul > li:nth-of-type(7) {
        background: url(/images/doorway/icon_church7.png) no-repeat;
    }

    .church_use .sms_use > ul > li > ul {
        margin-top: 20px;
    }

    .church_use .sms_use > ul > li > ul > li {
        min-height: auto;
        margin-bottom: 10px;
        padding: 0 0 0 10px;
        border: none;
        background: 0 0;
    }

    .church_study {
        padding: 130px 0;
        background: #ececf6;
    }

    .church_study h2.sms_title {
        margin-bottom: 50px;
    }

    .church_study .shadow_boxwrap > ul > li {
        width: 49%;
        min-height: 804px;
        text-align: center;
    }

    .church_study .shadow_boxwrap > ul > li .church_case span {
        display: block;
        padding: 70px 0 0 0;
    }

    .church_study .shadow_boxwrap > ul > li .church_case p {
        padding: 30px 30px;
        line-height: 30px;
    }

    .churchorganization {
        padding: 130px 0;
        line-height: 30px;
        background: #fff;
    }

    .churchorganization .organization_box > ul > li:nth-of-type(1) {
        background-color: #d9f5fd !important;
    }

    .churchorganization .organization_box > ul > li:nth-of-type(2) {
        background: url(/images/sms/ico_organization3.png) no-repeat right bottom;
        background-color: #e6f6f6 !important;
    }

    .churchorganization .organization_box > ul > li:nth-of-type(3) {
        background: url(/images/sms/ico_organization2.png) no-repeat right bottom;
        background-color: #fce8eb !important;
    }

    .churchorganization .organization_box > ul > li:nth-of-type(4) {
        background-color: #ececf6 !important;
    }

    .appoint.matter_con ul li:nth-of-type(1) {
        background: url(/images/core/icon_masswork1.png) no-repeat left 50px;
    }

    .appoint.matter_con ul li:nth-of-type(2) {
        background: url(/images/core/icon_masswork2.png) no-repeat left 50px;
    }

    .appoint.matter_con ul li:nth-of-type(3) {
        background: url(/images/doorway/icon_land5.png) no-repeat left 50px;
    }

    .appoint.matter_con ul li:nth-of-type(4) {
        background: url(/images/core/icon_masswork4.png) no-repeat left 50px;
    }

    .appoint_bullet {
        margin-top: 40px;
    }

    .appoint_bullet .bullte_list li {
        margin-bottom: 10px;
    }

    .example_mass.appoint {
        padding: 130px 0 0 0;
    }

    .example_mass.appoint .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/doorway/icon_appoint1.png) no-repeat left 50px;
    }

    .example_mass.appoint .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/doorway/icon_appoint2.png) no-repeat left 50px;
    }

    .example_mass.appoint .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/doorway/icon_appoint3.png) no-repeat left 50px;
    }

    .example_mass.appoint .iconcon_list > ul > li:nth-of-type(4) {
        background: 0 0;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(1) {
        clear: both;
        width: 100%;
        height: 305px;
        margin-right: 0;
        background: url(/images/doorway/bg_textadvan6.png) no-repeat right bottom #fff;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(2) {
        width: 49%;
        height: 613px;
        margin-right: 1%;
        margin-left: 0;
        background: url(/images/core/icon_massuse13.png) no-repeat right bottom #fff;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(3) {
        width: 49%;
        height: 613px;
        margin-left: 1%;
        background: url(/images/core/icon_massuse14.png) no-repeat right bottom #fff;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(4) {
        width: 32%;
        height: 660px;
        margin-left: 0;
        background: url(/images/core/icon_massuse15.png) no-repeat right bottom #fff;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(5) {
        width: 31%;
        height: 660px;
        margin-left: 2%;
        background: url(/images/core/icon_massuse16.png) no-repeat right bottom #fff;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(6) {
        width: 33%;
        height: 660px;
        margin-left: 2%;
        background: url(/images/core/icon_massuse17.png) no-repeat right bottom #fff;
    }

    .mass_howbox.appoint {
        margin-top: 130px;
    }

    .mass_howbox.appoint .mass_parcon:nth-of-type(1) {
        margin-bottom: 60px;
    }

    .mass_advantage.appoint {
        padding: 130px 0;
        background: #ececf6;
    }

    .mass_howbox.recurit {
        margin-bottom: 100px;
    }

    .recurit .common_numlist {
        margin-top: 50px;
    }

    .recurit .common_numlist > li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .recurit .common_numlist > li:after {
        color: #efeff7;
    }

    .common_numlist > li strong {
        position: relative;
        z-index: 2;
    }

    .common_numlist > li:nth-of-type(5):after {
        content: "05";
        right: -13px;
    }

    .common_numlist > li:nth-of-type(6):after {
        content: "06";
        right: -13px;
    }

    .common_numlist > li:nth-of-type(7):after {
        content: "07";
        right: -8px;
    }

    .common_numlist > li:nth-of-type(8):after {
        content: "08"
    }

    .common_numlist > li:nth-of-type(9):after {
        content: "09"
    }

    .common_numlist > li:nth-of-type(10):after {
        content: "10"
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(1) {
        height: 543px;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(2) {
        height: 543px;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(3) {
        height: 660px;
    }

    .mass_advantage .massadvantage_list > li:nth-of-type(4) {
        height: 660px;
    }

    .surveys.matter_con {
        margin-bottom: 100px;
    }

    .surveys.matter_con ul li {
        height: 240px;
    }

    .surveys.matter_con ul li:nth-of-type(1) {
        background: url(/images/doorway/icon_survey1.png) no-repeat left 50px;
    }

    .surveys.matter_con ul li:nth-of-type(2) {
        background: url(/images/doorway/icon_survey2.png) no-repeat left 50px;
    }

    .surveys.matter_con ul li:nth-of-type(3) {
        border-bottom: dashed 2px #e1e1e1;
        background: url(/images/doorway/icon_survey3.png) no-repeat left 50px;
    }

    .surveys.matter_con ul li:nth-of-type(4) {
        border-bottom: dashed 2px #e1e1e1;
        background: url(/images/doorway/icon_survey4.png) no-repeat left 50px;
    }

    .surveys.matter_con ul li:nth-of-type(5) {
        background: url(/images/doorway/icon_survey5.png) no-repeat left 50px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(1) {
        background: url(/images/doorway/icon_survey6.png) no-repeat left 30px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(2) {
        background: url(/images/doorway/icon_survey7.png) no-repeat left 30px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(3) {
        background: url(/images/doorway/icon_survey8.png) no-repeat left 30px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(4) {
        background: url(/images/doorway/icon_survey9.png) no-repeat left 30px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(5) {
        background: url(/images/doorway/icon_survey10.png) no-repeat left 30px;
    }

    .example_mass.surveys .iconcon_list > ul > li:nth-of-type(6) {
        background: 0 0;
    }

    .mass_advantage.surveys .massadvantage_list > li {
        width: 49% !important;
        background-color: #fff;
    }

    .mass_advantage.surveys {
        padding: 143px 0;
        background: #ececf6;
    }

    .surveys.example_mass {
        padding: 130px 0 0 0;
    }

    .sub_tit {
        display: block;
        margin: 24px 22px 8px 22px;
        border-bottom: solid 1px #59c3c3;
        color: #59c3c3;
        font-size: 14px;
        font-weight: 700;
    }

    .sub_tit.purple {
        border-bottom: solid 1px #817dc5;
        color: #817dc5;
    }

    .sub_tit.bule {
        border-bottom: solid 1px #01baef;
        color: #01baef;
    }

    .sub_tit.pink {
        border-bottom: solid 1px #ea657b;
        color: #ea657b;
    }

    .main_subdec {
        padding-bottom: 35px;
        border-bottom: solid 1px #ebebeb;
        line-height: 30px;
    }

    .num_contentlist {
        margin-top: 30px;
    }

    .num_contentlist > .title-dp03,
    .num_contentlist > h2 {
        margin-bottom: 18px;
        font-weight: 700;
        font-size: 24px;
    }

    .num_contentlist > p {
        margin-bottom: 15px;
    }

    .num_contentlist > ol > li {
        position: relative;
        margin-top: 20px;
        padding: 30px 0 0 0;
        border-top: dashed 2px #dfdfdf;
    }

    .num_contentlist > ol > li:nth-of-type(1) {
        margin-top: 0;
        padding: 0;
        border-top: none;
    }

    .num_contentlist > ol > li > strong {
        display: block;
        position: relative;
        margin-bottom: 15px;
        padding-left: 38px;
        font-size: 18px;
    }

    .num_contentlist > ol > li > strong > em {
        display: block;
        position: absolute;
        top: -3px;
        left: 0;
        color: #80dcf7;
        font-weight: 700;
        font-size: 24px;
    }

    .num_contentlist > ol > li > p {
        margin-bottom: 20px;
    }

    .num_contentlist > ol > li > p > strong {
        display: block;
        margin-bottom: 15px;
    }

    .num_contentlist > ol > li > .bullet_list > li {
        margin-bottom: 15px;
    }

    .tutorial_video > p {
        margin-bottom: 20px;
    }

    .tutorial_video > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .tutorial_video > ul > li {
        float: left;
        width: 50%;
        margin-bottom: 40px;
    }

    .tutorial_video > ul > li > a > strong {
        display: block;
        margin-bottom: 15px;
        text-align: center;
    }

    .tutorial_video > ul > li > a > span {
        display: block;
        width: 400px;
        height: 250px;
        margin: 0 auto;
        border: solid 1px #ebebeb;
        text-align: center;
    }

    .list_conbox .tit_reseller {
        margin-bottom: 24px;
        color: #3c4147;
        font-weight: 700;
        font-size: 24px;
    }

    .list_conbox .sub_dec {
        margin-bottom: 40px;
    }

    .list_conbox > ul > li {
        margin-top: 30px;
        padding: 30px 0 0 0;
        border-top: dashed 2px #e7e7e7;
    }

    .list_conbox > ul > li:nth-of-type(1) {
        margin-top: 0;
        padding: 0;
        border-top: none;
    }

    .list_conbox > ul > li > strong {
        display: block;
        color: #01baef;
        font-weight: 700;
        font-size: 20px;
    }

    .list_conbox > ul > li > p {
        margin-top: 20px;
    }

    .list_conbox > ul > li > p:nth-of-type(1) {
        margin-top: 0;
    }

    .list_conbox > ul > li > .bullet_list {
        margin-top: 20px;
    }

    .list_conbox > ul > li > .bullet_list > li {
        margin-bottom: 15px;
    }

    .list_conbox > ul > li > .bullet_list > li > .bullet_list {
        margin-left: 10px;
    }

    .no_bulletlist > li {
        margin-bottom: 15px;
    }

    .sub_bluetit {
        display: block;
        margin-bottom: 17px;
        color: #01baef;
        font-size: 16px;
    }

    .sub_titblue {
        display: block;
        margin-top: 17px;
        color: #01baef;
        font-weight: 400;
        font-size: 16px;
    }

    .main_subdec strong {
        display: block;
        margin-bottom: 17px;
    }

    .main_subdec.line {
        border-bottom: solid 1px #ebebeb;
    }

    .email_addcon {
        padding-top: 28px;
    }

    .email_addcon > h2 {
        margin-bottom: 20px;
        color: #01baef;
        font-weight: 700;
        font-size: 24px;
    }

    .email_addcon > .tit_sub {
        margin-bottom: 50px;
    }

    .email_addcon .sub_email {
        margin-bottom: 50px;
    }

    .email_addcon .sub_email > h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 18px;
    }

    .email_addcon .sub_email > h3.red {
        color: #ea657b;
    }

    .telescript_box ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .telescript_box ul li {
        float: left;
        width: 180px;
        height: 170px;
        margin: 0 0 30px 30px;
        padding: 120px 0 0 0;
        border: solid 1px #e1e1e1;
        border-radius: 5px;
        color: #01baef;
        font-weight: 700;
        text-align: center;
    }

    .telescript_box ul li a {
        color: #01baef;
    }

    .telescript_box ul li:nth-of-type(4n+1) {
        margin: 0 0 30px 0;
    }

    .telescript_box ul li:nth-of-type(1) {
        background: url(/images/reseller/icon_tele1.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(2) {
        background: url(/images/reseller/icon_tele2.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(3) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele3.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(4) {
        background: url(/images/reseller/icon_tele4.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(5) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele5.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(6) {
        background: url(/images/reseller/icon_tele6.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(7) {
        background: url(/images/reseller/icon_tele7.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(8) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele8.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(9) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele9.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(10) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele10.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(11) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele11.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(12) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele12.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(13) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele13.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(14) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_tele14.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(15) {
        padding: 80px 0 0 0;
        background: url(/images/reseller/icon_tele15.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(16) {
        background: url(/images/reseller/icon_tele16.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(17) {
        background: url(/images/reseller/icon_tele17.png) no-repeat center top;
    }

    .telescript_box ul li:nth-of-type(18) {
        background: url(/images/reseller/icon_tele18.png) no-repeat center top;
    }

    .promo_box > p {
        margin-bottom: 50px;
    }

    .promo_box > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .promo_box > ul > li {
        float: left;
        width: 49%;
        margin-bottom: 40px;
        text-align: center;
    }

    .promo_box > ul > li:nth-of-type(odd) {
        margin-right: 1%
    }

    .promo_box > ul > li:nth-of-type(even) {
        margin-left: 1%
    }

    .promo_box > ul > li > a > strong {
        display: block;
        margin-bottom: 10px;
    }

    .promo_box > ul > li > a > span {
        height: 213px;
    }

    .promo_box > ul > li > a > span img {
        border: solid 1px #ebebeb;
    }

    .emial_box ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .emial_box ul li {
        float: left;
        width: 49%;
        height: 411px;
        padding: 37px 20px 20px 20px;
        border: solid 1px #e1e1e1;
        border-radius: 5px;
    }

    .emial_box ul li > strong {
        display: block;
        padding-bottom: 260px;
        color: #01baef;
        font-size: 24px;
        text-align: center;
    }

    .emial_box ul li:nth-of-type(1) {
        margin-right: 1%
    }

    .emial_box ul li:nth-of-type(1) > strong {
        background: url(/images/reseller/icon_email1.png) no-repeat center 60px;
    }

    .emial_box ul li:nth-of-type(2) {
        margin-left: 1%
    }

    .emial_box ul li:nth-of-type(2) > strong {
        background: url(/images/reseller/icon_email2.png) no-repeat center 60px;
    }

    .emial_box ul li > span {
        display: block;
        text-align: center;
    }

    .emial_box ul li > span > a.btn.blue {
        min-width: 135px;
        max-width: 135px;
        margin-right: 5px;
    }

    .emial_box ul li > span > a.btn.blue > span {
        min-width: 135px;
        max-width: 135px;
    }

    .emial_box ul li > span > a.btn.green {
        min-width: 199px;
        max-width: 199px;
    }

    .emial_box ul li > span > a.btn.green > span {
        min-width: 199px;
        max-width: 199px;
    }

    .telescript_box.point ul li:nth-of-type(1) {
        background: url(/images/reseller/icon_point1.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(2) {
        background: url(/images/reseller/icon_point2.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(3) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point3.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(4) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point4.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(5) {
        background: url(/images/reseller/icon_point5.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(6) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point6.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(7) {
        background: url(/images/reseller/icon_point7.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(8) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point8.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(9) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point9.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(10) {
        background: url(/images/reseller/icon_point10.png) no-repeat center top;
    }

    .telescript_box.point ul li:nth-of-type(11) {
        padding: 100px 0 0 0;
        background: url(/images/reseller/icon_point11.png) no-repeat center top;
    }

    .white_labelbox > p {
        padding-bottom: 50px;
    }

    .white_labelbox > p .link_box {
        display: block;
        margin-top: 10px;
    }

    .white_labelbox > p .link_box a {
        color: #01baef;
        text-decoration: underline;
    }

    .dotline_box {
        padding: 40px 0;
        border-top: dashed 1px #e2e2e2;
    }

    .dotline_box:after {
        content: "";
        display: block;
        clear: both;
    }

    .dotline_box > div {
        float: left;
        width: 50%
    }

    .dotline_box .lable_tit {
        display: block;
        margin-bottom: 18px;
        font-weight: 700;
        font-size: 24px;
    }

    .label_list {
        margin-bottom: 48px;
    }

    .label_list:nth-last-of-type(1) {
        margin-bottom: 0;
    }

    .label_list li {
        position: relative;
        margin-bottom: 15px;
        padding-left: 17px;
    }

    .label_list li > a {
        color: #01baef;
        text-decoration: underline;
    }

    .label_list li:after {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #000;
    }

    .title_box > h2 {
        font-weight: 700;
        font-size: 24px;
    }

    .title_box > h2 > span {
        display: block;
        margin-top: 15px;
        font-weight: 400;
        font-size: 17px;
    }

    .title_box > p {
        margin-top: 10px;
    }

    .credit_list {
        margin-bottom: 60px;
    }

    .credit_list > h2,
    .credit_list > h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 18px;
    }

    .credit_list > h3.pink {
        color: #ea657b;
        font-weight: 400;
        font-size: 16px;
        font-style: italic;
    }

    .credit_list ul li {
        position: relative;
    }

    .credit_list ul li:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
    }

    .credit_list > ul > li {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .credit_list > ul.oneline > li {
        margin-bottom: 10px;
    }

    .credit_list > ul > li:after {
        top: 8px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #000;
    }

    .credit_list > ul > li > ul {
        margin-top: 20px;
    }

    .credit_list > ul > li > ul li {
        margin-top: 10px;
        padding-left: 20px;
    }

    .credit_list > ul > li > ul li:nth-of-type(1) {
        margin-top: 0;
    }

    .credit_list > ul > li > ul li:after {
        top: 11px;
        width: 6px;
        height: 1px;
        background: #000;
    }

    .credit_list > ol > li {
        position: relative;
        margin: 0 0 10px 20px;
        padding-left: 20px;
    }

    .credit_list > ol > li > em {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
    }

    .credit_list > p {
        padding-left: 20px;
    }

    .credit_list > p.tit_par {
        padding: 0 0 10px 0;
    }

    .credit_list > p.tit_par1 {
        padding: 50px 0 10px 0;
    }

    .emailserver_box .info_par {
        padding-bottom: 20px;
        border-bottom: solid 1px #ebebeb;
    }

    .esever_list {
        padding: 40px 0;
        border-top: dashed 1px #e1e1e1;
    }

    .esever_list:nth-of-type(1) {
        border-top: none;
    }

    .esever_list h2,
    .esever_list h3 {
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: 700;
    }

    .esever_list ol li,
    .esever_list ul li {
        position: relative;
        margin-bottom: 10px;
        padding: 0 0 0 20px;
    }

    .esever_list ul li:after {
        content: "";
        display: block;
        position: absolute;
        top: 8px;
        left: 0;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #000;
    }

    .esever_list ol li em {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
    }

    .sms_phonebg {
        position: relative;
        padding: 135px 0 135px 0;
        background: #e6f6f6;
    }

    .sms_phonebg .content_box {
        padding: 0 0 0 600px;
    }

    .phone_sms {
        position: absolute;
        top: -80px;
        left: 0;
        width: 600px;
        text-align: center;
        background: url(/images/doorway/sms_phonebg.png) no-repeat center center;
    }

    .title_smsser {
        display: block;
        margin-bottom: 30px;
        color: #01baef;
        font-weight: 700;
        font-size: 40px;
        letter-spacing: -.5px;
    }

    .sms_phonebg p {
        line-height: 30px;
    }

    .sms_make {
        padding: 90px 0;
    }

    .sms_make .content_box {
        position: relative;
        padding: 0 0 0 500px;
    }

    .sms_make .content_box .sms_makecon {
        position: absolute;
        top: 0;
        left: 0;
        width: 400px;
    }

    .sms_make .content_box .sms_makecon p {
        line-height: 30px;
    }

    .sms_make .content_box .sms_makelist h3 {
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
    }

    .sms_make .content_box .sms_makelist ul li {
        padding: 20px 0 20px 101px;
        border-bottom: dashed 1px #ccc;
    }

    .sms_make .content_box .sms_makelist ul li em {
        color: #59c3c3;
        font-weight: 700;
        font-size: 24px;
    }

    .sms_make .content_box .sms_makelist ul li:nth-of-type(1) {
        background: url(/images/doorway/icon_sms1.png) no-repeat 22px center;
    }

    .sms_make .content_box .sms_makelist ul li:nth-of-type(2) {
        background: url(/images/doorway/icon_sms2.png) no-repeat 24px center;
    }

    .sms_make .content_box .sms_makelist ul li:nth-of-type(3) {
        background: url(/images/doorway/icon_sms3.png) no-repeat 30px center;
    }

    .sms_make .content_box .sms_makelist ul li:nth-of-type(4) {
        background: url(/images/doorway/icon_sms4.png) no-repeat 14px center;
    }

    .sms_make .content_box .sms_makelist ul li:nth-of-type(5) {
        background: url(/images/doorway/icon_sms5.png) no-repeat 14px center;
    }

    .sms_make2 {
        padding: 90px 0;
        background: #e5f8fd;
    }

    .sms_make2 .content_box > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .sms_make2 .content_box > ul > li {
        float: left;
        width: 31.3%;
        height: 550px;
        margin-left: 2%;
        padding: 30px;
        background-color: #fff !important;
        box-shadow: 0 5px 15px rgba(0, 0, 0, .4);
    }

    .sms_make2 .content_box > ul > li > h2 {
        margin-bottom: 20px;
        color: #817dc5;
        font-weight: 700;
        font-size: 24px;
    }

    .sms_make2 .content_box > ul > li > p {
        line-height: 30px;
    }

    .sms_make2 .content_box > ul > li:nth-of-type(1) {
        background: url(/images/doorway/icon_sms6.png) no-repeat right bottom;
    }

    .sms_make2 .content_box > ul > li:nth-of-type(2) {
        background: url(/images/doorway/icon_sms7.png) no-repeat right bottom;
    }

    .sms_make2 .content_box > ul > li:nth-of-type(3) {
        background: url(/images/doorway/icon_sms8.png) no-repeat right bottom;
    }

    .sms_adv {
        padding: 90px 0;
    }

    .sms_adv .title_smsser {
        text-align: center;
    }

    .adv_linelist > li {
        position: relative;
        padding: 50px 0 50px 285px;
        border-bottom: dashed 1px #ccc;
    }

    .adv_linelist > li > h3 {
        position: absolute;
        top: 50px;
        left: 0;
        width: 195px;
        padding-bottom: 110px;
        font-weight: 700;
        font-size: 30px;
    }

    .adv_linelist > li > p {
        margin-bottom: 17px;
    }

    .adv_linelist > li > .bullet_list > li {
        margin-bottom: 17px;
    }

    .adv_linelist > li:nth-of-type(1) > h3 {
        color: #59c3c3;
        background: url(/images/doorway/icon_sms9.png) no-repeat left bottom;
    }

    .adv_linelist > li:nth-of-type(2) > h3 {
        color: #ea657b;
        background: url(/images/doorway/icon_sms10.png) no-repeat left bottom;
    }

    .adv_linelist > li:nth-of-type(3) > h3 {
        color: #01baef;
        background: url(/images/doorway/icon_sms11.png) no-repeat left bottom;
    }

    .adv_linelist > li:nth-of-type(4) > h3 {
        color: #817cc5;
        background: url(/images/doorway/icon_sms12.png) no-repeat left bottom;
    }

    .adv_linelist > li:nth-of-type(5) > h3 {
        color: #3c4147;
        background: url(/images/doorway/icon_sms13.png) no-repeat left bottom;
    }

    .emailtosms {
        padding: 90px 0;
        background: #e6f6f6;
    }

    .emailtosms .content_box {
        padding: 0 576px 0 0;
        background: url(/images/doorway/bg_email.png) no-repeat right bottom;
    }

    .emailtosms .content_box p:nth-of-type(1) {
        margin-bottom: 20px;
        line-height: 30px;
    }

    .sms_make.email .content_box .sms_makecon {
        width: 450px;
    }

    .sms_make2.email .content_box > ul > li:nth-of-type(1) {
        background: url(/images/doorway/bg_email1.png) no-repeat right bottom;
    }

    .sms_make2.email .content_box > ul > li:nth-of-type(2) {
        background: url(/images/doorway/bg_email2.png) no-repeat right bottom;
    }

    .sms_make2.email .content_box > ul > li:nth-of-type(3) {
        background: url(/images/doorway/bg_email3.png) no-repeat right bottom;
    }

    .sms_make.textto {
        background: #e6f6f6;
    }

    .sms_make.textto .content_box .sms_makecon {
        width: 450px;
    }

    .textto_restriction {
        position: relative;
    }

    .textto_restriction:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: url(/images/doorway/bg_textto.png) no-repeat right top #817cc5;
    }

    .textto_restriction.toll-free:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: url(/images/doorway/tollfree_bg.png) no-repeat right top #817cc5;
    }

    .textto_restriction .content_box {
        padding: 90px 0 90px 500px;
    }

    .textto_restriction .title_smsser {
        color: #817cc5;
    }

    .textto_restriction h3 {
        margin-bottom: 10px;
        font-weight: 700;
        font-size: 18px;
    }

    .textto_restriction p {
        margin-bottom: 20px;
    }

    .textto_use {
        padding: 90px 0;
        background: #e5f8fd;
    }

    .textto_use .title_smsser {
        text-align: center;
    }

    .textto_use .title_smsser span {
        display: block;
        margin-top: 20px;
        color: #3c4147;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
    }

    .textto_use .content_box > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .textto_use .content_box > ul > li {
        float: left;
        width: 23%;
        margin-left: 2%
    }

    .textto_use .content_box > ul > li:nth-of-type(4) {
        float: left;
        width: 25%
    }

    .textto_use .content_box > ul > li:nth-of-type(1) {
        margin-left: 0;
    }

    .textto_use .content_box > ul > li h3 {
        margin-bottom: 30px;
        padding-top: 175px;
        color: #01baef;
        font-weight: 700;
        font-size: 24px;
        text-align: center;
    }

    .textto_use .content_box > ul > li h3 em {
        display: block;
        margin-top: 10px;
        color: #3c4147;
        font-size: 17px;
    }

    .textto_use .content_box > ul > li p {
        margin-bottom: 35px;
    }

    .textto_use .content_box > ul > li:nth-of-type(1) h3 {
        background: url(/images/doorway/icon_textto1.png) no-repeat center top;
    }

    .textto_use .content_box > ul > li:nth-of-type(2) h3 {
        background: url(/images/doorway/icon_textto2.png) no-repeat center top;
    }

    .textto_use .content_box > ul > li:nth-of-type(3) h3 {
        background: url(/images/doorway/icon_textto3.png) no-repeat center top;
    }

    .textto_use .content_box > ul > li:nth-of-type(4) h3 {
        background: url(/images/doorway/icon_textto4.png) no-repeat center top;
    }

    .source_box {
        overflow: hidden;
        overflow-x: auto;
        width: 640px;
        margin-bottom: 20px;
        padding: 10px 20px;
        border: solid 1px #ddd;
        border-left: 3px solid #01baef;
    }

    .source_box pre {
        margin-top: -10px;
        font-size: 14px;
    }

    .source_box code {
        margin-top: -10px;
        font-size: 14px;
    }

    .why_mms {
        padding: 70px 0;
        background: #ececf6;
    }

    .why_mms .title_smsser {
        text-align: center;
    }

    .mms_iconwrap ul {
        overflow: hidden;
    }

    .mms_iconwrap ul li {
        float: left;
        width: 20%;
        padding: 206px 0 0 0;
        text-align: center;
    }

    .mms_iconwrap ul li:nth-of-type(1) {
        background: url(/images/doorway/icon_mms1.png) no-repeat center top;
    }

    .mms_iconwrap ul li:nth-of-type(2) {
        background: url(/images/doorway/icon_mms2.png) no-repeat center top;
    }

    .mms_iconwrap ul li:nth-of-type(3) {
        background: url(/images/doorway/icon_mms3.png) no-repeat center top;
    }

    .mms_iconwrap ul li:nth-of-type(4) {
        background: url(/images/doorway/icon_mms4.png) no-repeat center top;
    }

    .mms_iconwrap ul li:nth-of-type(5) {
        background: url(/images/doorway/icon_mms5.png) no-repeat center top;
    }

    .mms_tip {
        padding: 70px 0;
        background: #e5f8fd;
    }

    .mms_tip .title_smsser {
        margin-bottom: 100px;
        text-align: center;
    }

    .tip_con {
        position: relative;
        min-height: 503px;
        margin-bottom: 100px;
    }

    .tip_con > .img_phone {
        position: absolute;
        top: -20px;
        width: 410px;
        text-align: center;
    }

    .tip_con:nth-of-type(1) {
        padding: 0 0 0 410px;
    }

    .tip_con:nth-of-type(1) > .img_phone {
        left: 0;
    }

    .tip_con:nth-of-type(2) {
        padding: 0 410px 0 0;
    }

    .tip_con:nth-of-type(2) > .img_phone {
        right: 0;
    }

    .tip_con .tip_text ul li {
        padding: 40px 0 40px 0;
        border-top: dashed 1px #dadedf;
    }

    .tip_con .tip_text ul li:nth-of-type(1) {
        padding: 0 0 40px 0;
        border-top: none;
    }

    .tip_con .tip_text ul li h3 {
        margin-bottom: 20px;
        font-weight: 700;
        font-size: 20px;
    }

    .tip_con .tip_text ul li p:nth-of-type(1) {
        margin-bottom: 20px;
    }

    .mms_advfun {
        padding: 70px 0;
        background: #e5f8fd;
    }

    .mms_advfun .title_smsser {
        margin-bottom: 50px;
        text-align: center;
    }

    .mms_advfun .title_smsser span {
        display: block;
        margin-top: 20px;
        color: #3c4147;
        font-weight: 400;
        font-size: 13px;
        letter-spacing: .5px;
    }

    .adv_linelist > li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .wh_linebox {
        overflow: hidden;
        width: 100%
    }

    .wh_linebox li {
        float: left;
        width: 18%;
        height: 460px;
        margin-right: 2%;
        padding: 40px 20px;
        border-radius: 5px;
        text-align: center;
        background: #fff;
    }

    .wh_linebox li > h3 {
        margin-bottom: 10px;
        padding-top: 103px;
        font-weight: 700;
        font-size: 18px;
    }

    .wh_linebox li:nth-of-type(1) > h3 {
        background: url(/images/doorway/icon_mms8.png) no-repeat center top;
    }

    .wh_linebox li:nth-of-type(2) > h3 {
        background: url(/images/doorway/icon_mms9.png) no-repeat center top;
    }

    .wh_linebox li:nth-of-type(3) > h3 {
        background: url(/images/doorway/icon_mms10.png) no-repeat center top;
    }

    .wh_linebox li:nth-of-type(4) > h3 {
        background: url(/images/doorway/icon_mms11.png) no-repeat center top;
    }

    .wh_linebox li:nth-of-type(5) > h3 {
        background: url(/images/doorway/icon_mms12.png) no-repeat center top;
    }

    .marketing_decwrap.vote {
        margin-bottom: 70px;
        padding: 100px 0 30px 0;
        background: #e6f6f6;
    }

    .sms_matters.vote .vote_message {
        padding: 0 0 30px 0;
        text-align: center;
    }

    .sms_matters.vote h3.matter_conh {
        margin-bottom: 43px;
        font-weight: 700;
        font-size: 16px;
        text-align: center;
    }

    .vote_advan {
        padding: 100px 0;
    }

    .vote_advan h2 span {
        display: block;
        margin: 20px 0 0 0;
        color: #3c4147;
        font-weight: 400;
        font-size: 16px;
    }

    .vote_advan1 {
        padding: 100px 0;
        background: #e6f6f6;
    }

    .vote_advan1 h2 {
        margin-bottom: 10px;
        color: #59c3c3;
        font-weight: 700;
        font-size: 30px;
    }

    .vote_advan1 ul.advanlist {
        margin-top: 0;
    }

    .vote_advan1 ul.advanlist:after {
        content: "";
        display: block;
        clear: both;
    }

    .vote_advan1 ul.advanlist > li {
        float: left;
        width: 25%;
        height: 533px;
        padding: 0 20px;
        border-left: solid 1px #59c3c3;
    }

    .vote_advan1 ul.advanlist > li:nth-of-type(1) {
        border-left: none;
    }

    .vote_advan1 ul.advanlist > li > p {
        margin-bottom: 20px;
    }

    .main_roll .title_smsser {
        padding-top: 50px;
        text-align: center;
    }

    .sms_make .content_box .sms_makelist ul li strong {
        display: block;
        font-weight: 700;
    }
    .fitness .top_banner {
        background: url(/images/doorway/bg_fitness.png) no-repeat right bottom #01baef;
    }

    .fitness .top_banner > h1 {
        background: url(/images/doorway/icon_fitness.png) no-repeat left top;
    }

    .fitness .main_roll.car_section {
        padding: 0;
    }

    .fitness .sell_more > .content_box {
        padding: 0 410px 0 0;
    }

    .fitness .sell_more > .content_box:after {
        top: -50px;
        right: -70px;
        height: 517px;
        background: url(/images/doorway/fitness_bg1.png) no-repeat;
    }

    .fitness .sms_usedfitness > .content_box {
        padding: 0 0 0 460px;
    }

    .fitness .sms_usedfitness > .content_box .car_tith1 {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 35px;
        text-align: left;
        line-height: 43px;
    }

    .fitness .sms_usedfitness > .content_box .used_fitnesslist li {
        margin-bottom: 20px;
        padding: 20px 0 0 0;
        border-top: dashed 1px #ebebeb;
    }

    .fitness .sms_usedfitness > .content_box .used_fitnesslist li:nth-of-type(1) {
        padding: 0;
        border: none;
    }

    .fitness .sms_usedfitness > .content_box .used_fitnesslist li strong {
        display: block;
        margin-bottom: 5px;
    }

    .fitness .car_sendsms {
        background: #ececf6;
    }

    .fitness .life_car {
        background: #e6f6f6;
    }

    .fitness .life_car .content_box ul li {
        width: 300px;
        height: 300px;
        margin: 0 0 40px 26px;
    }

    .fitness .life_car .content_box ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .fitness .life_car .content_box ul {
        margin-top: 50px;
    }

    .fitness .par_engage {
        line-height: 32px;
    }

    .fitness .more_advantage {
        background: 0 0;
    }

    .emailguide_wrap {
        padding: 0 0 100px 0;
    }

    .emailguide_wrap .content_box {
        padding: 0 100px 0 100px;
    }

    .table_roundbox {
        overflow: hidden;
        width: 100%;
        padding-top: 75px;
        border-radius: 5px;
    }

    .table_tit {
        padding: 13px 0;
        color: #fff;
        font-weight: 700;
        text-align: center;
    }

    .table_tit.green {
        background: #59c3c3;
    }

    .table_tit.purple {
        background: #817dc5;
    }

    .email_table1 {
        width: 100%;
        border: solid 1px #e1e1e1;
        border-radius: 0 0 5px 5px;
    }

    .email_table1 td {
        vertical-align: top;
        padding: 22px 50px;
        border-bottom: solid 1px #e1e1e1;
        text-align: center;
    }

    .email_table1 tr:nth-last-of-type(1) td {
        border-bottom: none;
    }

    .email_table1 td .tableinlist {
        text-align: left;
    }

    .email_table1 td.leftline {
        border-left: solid 1px #e1e1e1;
    }

    .email_table1 td .tableinlist > h3 {
        margin-bottom: 10px;
        font-size: 18px;
        font-weight: 700;
    }

    .email_table1 td .tableinlist > h3 span {
        display: inline-block;
        padding-right: 40px;
        background: url(/images/emailguide/icon_check.png) no-repeat right center;
    }

    .email_table1 td .tableinlist > h3.not span {
        background: url(/images/emailguide/icon_x.png) no-repeat right center;
    }

    .email_table1 td .tableinlist .bullet_list li {
        margin-bottom: 10px;
    }

    .email_table2 {
        width: 100%;
        border: solid 1px #e1e1e1;
        border-radius: 0 0 5px 5px;
    }

    .email_table2 thead th {
        padding: 10px 0;
        border-bottom: solid 2px #e1e1e1;
        border-left: solid 2px #b7b7b7;
        text-align: center;
        background: #e6e5f3;
    }

    .email_table2 thead th:nth-of-type(1) {
        border-left: none;
    }

    .email_table2 tbody td {
        padding: 10px;
        border-bottom: solid 1px #e1e1e1;
        border-left: solid 1px #e1e1e1;
        text-align: center;
    }

    .email_table2 tbody td.bg_gray {
        background: #ebebeb;
    }

    .email_table2 tbody td:nth-of-type(1) {
        border-left: none;
        text-align: left;
    }

    .email_table2 tbody td:nth-of-type(2),
    .email_table2 tbody td:nth-of-type(5) {
        border-left: solid 2px #b7b7b7;
    }

    .email_table2 tbody tr:nth-last-of-type(1) td {
        border-bottom: none;
    }

    .email_table2 .check {
        display: inline-block;
        vertical-align: center;
        width: 18px;
        height: 18px;
        background: url(/images/emailguide/icon_check.png) no-repeat;
    }

    .email_table2 .x {
        display: inline-block;
        vertical-align: center;
        width: 13px;
        height: 13px;
        background: url(/images/emailguide/icon_x.png) no-repeat;
    }

    .food_sms {
        line-height: 32px;
    }

    .food_section {
        padding: 100px 0;
    }

    .food_section.top_banner {
        background: url(/images/doorway/bg_food.png) no-repeat right bottom #01baef;
    }

    .food_section.top_banner > h1 {
        background: url(/images/doorway/icon_food.png) no-repeat left top;
    }

    .food_section.sell_more > .content_box:after {
        top: 60px;
        height: 497px;
        background: url(/images/doorway/food_phone.png) no-repeat;
    }

    .food_section.car_sendsms {
        background: #fff;
    }

    .food_section.engage_car {
        background: #ececf6;
    }

    .food_section.life_car .content_box ul li {
        width: 305px;
        height: 305px;
    }

    .food_section.life_car .content_box ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .food_section.life_car .content_box ul li:nth-of-type(5) {
        margin: 0 0 40px 26px;
    }

    .hr_sms {
        line-height: 32px;
    }

    .hr_section {
        padding: 80px 0;
    }

    .main_roll.hr_section {
        padding: 0 80px;
    }

    .hr_section.top_banner {
        background: url(/images/doorway/bg_hr.png) no-repeat right bottom #01baef;
    }

    .hr_section.top_banner > h1 {
        background: url(/images/doorway/icon_hr.png) no-repeat left top;
    }

    .hr_communication {
        background: #e5f8fd;
    }

    .hr_communication .content_box:after {
        content: "";
        display: block;
        position: absolute;
        top: 80px;
        right: 0;
        width: 562px;
        height: 615px;
        background: url(/images/doorway/hr_phone.png) no-repeat 30px top;
        background-size: 562px 615px;
    }

    .hr_communication .content_box > h1 {
        text-align: center;
    }

    .hr_communication .content_box > div {
        padding: 0 590px 0 0;
    }

    .hr_communication .content_box > div > h2 {
        margin-bottom: 20px;
        font-size: 20px;
        font-weight: 700;
    }

    .hr_communication .content_box .bullet_list {
        margin: 30px 0;
    }

    .hr_communication .content_box .bullet_list li {
        margin-bottom: 0;
    }

    .hr_communication .content_box .bullet_list li:after {
        top: 12px;
    }

    .text_recruit .content_box {
        position: relative;
        padding: 0 0 0 500px;
    }

    .text_recruit .text_recruitdec {
        position: absolute;
        top: 0;
        left: 0;
        width: 500px;
        padding: 0 100px 0 0;
    }

    .text_recruit .text_recruitdec > h1 {
        text-align: left;
    }

    .text_recruit .text_recruitdec > p {
        margin-top: 30px;
    }

    .text_recruit .text_recruitdec > p:nth-of-type(1) {
        margin-top: 30px;
    }

    .text_recruit .textre_list p {
        margin-bottom: 25px;
    }

    .text_recruit .textre_list ul li {
        position: relative;
        margin-top: 35px;
        padding: 0 0 35px 70px;
        border-bottom: dashed 2px #efefef;
    }

    .text_recruit .textre_list ul li em {
        display: block;
        position: absolute;
        top: 10px;
        left: 0;
        color: #59c3c3;
        font-weight: 700;
        font-size: 40px;
    }

    .text_recruit .textre_list ul li:nth-of-type(1) {
        margin-top: 0;
    }

    .hr_use {
        background: #e6f6f6;
    }

    .hr_use > .content_box {
        padding: 0 100px;
        background: url(/images/doorway/bg_hr1.png) no-repeat center center;
    }

    .hr_use > .content_box > p {
        margin-top: 30px;
        text-align: center;
    }

    .life_car.hr_section {
        background: #ececf6;
    }

    .life_car.hr_section .content_box ul li {
        width: 310px;
        height: 330px;
        margin-left: 26px !important;
    }

    .life_car .content_box ul li strong {
        margin-bottom: 20px;
    }

    .sales_section {
        padding: 100px 0;
    }

    .sales_section.main_roll {
        margin-bottom: 0;
        padding: 0 0 100px 0;
    }

    .sales_section.top_banner {
        background: url(/images/doorway/bg_sales.png) no-repeat right bottom #01baef;
    }

    .sales_section.top_banner > h1 {
        background: url(/images/doorway/icon_sales.png) no-repeat left top;
    }

    .why_sales {
        background: #e5f8fd;
    }

    .why_sales .whylist {
        margin: 0 100px;
    }

    .why_sales .whylist:after {
        content: "";
        display: block;
        clear: both;
    }

    .why_sales .whylist li {
        position: relative;
        padding: 40px 0 40px 150px;
        border-top: dashed 2px #ccc;
    }

    .why_sales .whylist li:first-child {
        padding: 0 0 40px 150px;
        border-top: none;
    }

    .why_sales .whylist li:nth-last-of-type(1) {
        padding: 40px 0 0 150px;
    }

    .why_sales .whylist li:first-child:after {
        top: 10px;
    }

    .why_sales .whylist li:after {
        content: "";
        display: block;
        position: absolute;
        top: 50px;
        left: 26px;
        width: 100px;
        height: 100px;
    }

    .why_sales .whylist li:nth-of-type(1):after {
        background: url(/images/doorway/icon_saleswhy1.png) no-repeat left top;
    }

    .why_sales .whylist li:nth-of-type(2):after {
        background: url(/images/doorway/icon_saleswhy2.png) no-repeat left top;
    }

    .why_sales .whylist li:nth-of-type(3):after {
        background: url(/images/doorway/icon_saleswhy3.png) no-repeat left top;
    }

    .why_sales .whylist li:nth-of-type(4):after {
        background: url(/images/doorway/icon_saleswhy4.png) no-repeat left top;
    }

    .why_sales .whylist li:nth-of-type(5):after {
        background: url(/images/doorway/icon_saleswhy5.png) no-repeat left top;
    }

    .why_sales .whylist li strong {
        display: block;
    }

    .follow_sale .follow_con {
        padding-right: 380px;
    }

    .follow_sale .content_box:after {
        content: "";
        display: block;
        position: absolute;
        right: 80px;
        bottom: -100px;
        width: 380px;
        height: 390px;
        background: url(/images/doorway/sales_phone.png) no-repeat right bottom;
    }

    .follow_sale .follow_con .car_tith1 {
        text-align: left;
    }

    .integrate_sales {
        background: #e6f6f6;
    }

    .follow_sale .follow_con,
    .integrate_sales .integrate_con {
        margin: 0 100px;
    }

    .integrate_sales .integrate_con > p,
    .sales_morecon > div > p {
        margin-top: 30px;
        text-align: center;
    }

    .integrate_sales .integrate_con > p:first-child,
    .sales_morecon > div > p:first-child {
        margin-top: 0;
    }

    .sales_morecon > div {
        float: left;
        width: 50%;
        padding: 0 40px;
    }

    .sales_morecon:after {
        content: "";
        display: block;
        clear: both;
    }

    .sales_smsmessaging {
        background: #ececf6;
    }

    .sales_smsmessaging:after {
        content: "";
        display: block;
        clear: both;
    }

    .sales_smsmessaging .car_tith1,
    .why_sales .car_tith1 {
        margin-bottom: 60px;
    }

    .smsmessaging > div {
        float: left;
        width: 50%;
        padding: 0 40px;
    }

    .medical_section {
        padding: 80px 0;
    }

    .medical_section.top_banner {
        background: url(/images/doorway/bg_medical.png) no-repeat right bottom #01baef;
    }

    .medical_section.top_banner > h1 {
        background: url(/images/doorway/icon_medical.png) no-repeat left top;
    }

    .main_roll.medical_section {
        padding: 0;
    }

    .medical_can {
        background: #e5f8fd;
    }

    .medical_can .content_box > div > ul > li {
        position: relative;
        margin-top: 50px;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(1) {
        margin-top: 0;
    }

    .medical_can .content_box > div > ul > li strong {
        display: block;
        margin-bottom: 20px;
    }

    .medical_can .content_box > div > ul > li p {
        margin-top: 20px;
    }

    .medical_can .content_box > div > ul > li p:first-child {
        margin-top: 0;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(odd) {
        padding: 0 0 0 340px;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(even) {
        padding: 0 340px 0 0;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(1) {
        background: url(/images/doorway/icon_medical1.png) no-repeat left top;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(2) {
        background: url(/images/doorway/icon_medical2.png) no-repeat right top;
    }

    .medical_can .content_box > div > ul > li:nth-of-type(3) {
        background: url(/images/doorway/icon_medical3.png) no-repeat left top;
    }

    .medical_can .content_box > div > ul > li > .bullet_list {
        margin-top: 10px;
    }

    .medical_can .content_box > div > ul > li > .bullet_list > li {
        margin-bottom: 0;
    }

    .medical_can .content_box > div > ul > li > .bullet_list > li:after {
        top: 12px;
    }

    .wh_numbox {
        margin-top: 80px;
    }

    .wh_numbox > ul > li {
        float: left;
        width: 33.3%;
        padding: 0 28px;
    }

    .wh_numbox > ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .wh_numbox > ul > li > div {
        width: 100%;
        height: 393px;
        padding: 23px;
        border-radius: 10px;
        text-align: center;
        background: #fff;
        box-shadow: 3px 5px 8px 5px rgba(0, 0, 0, .2);
    }

    .wh_numbox > ul > li > div > em {
        display: inline-block;
        width: 40px;
        height: 40px;
        margin-bottom: 30px;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        line-height: 38px;
        background: #01baef;
    }

    .wh_numbox > ul > li > div > strong {
        display: block;
        margin-bottom: 20px;
    }

    .medical_compliance {
        background: #ececf6;
    }

    .medical_compliance .compliance_par {
        padding: 0 100px;
        text-align: center;
    }

    .medical_compliance .compliance_par > p {
        margin-top: 40px;
        padding: 50px 0 0 0;
        border-top: solid 1px #ccc;
        font-size: 13px;
    }

    .medical_compliance .compliance_par > p strong {
        display: block;
    }

    .nonprofit_section {
        padding: 80px 0;
    }

    .main_roll.nonprofit_section {
        padding: 0;
    }

    .nonprofit_section.top_banner {
        background: url(/images/doorway/bg_nonprofit.png) no-repeat right bottom #01baef;
    }

    .nonprofit_section.top_banner > h1 {
        background: url(/images/doorway/icon_nonprofit.png) no-repeat left top;
    }

    .nonprofit_can {
        background: #e5f8fd;
    }

    .nonprofit_can .content_box > div {
        position: relative;
        padding: 0 410px 0 0;
    }

    .nonprofit_can .content_box > div:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 327px;
        height: 575px;
        background: url(/images/doorway/bg_nonprofitphone.png) no-repeat left top;
    }

    .nonprofit_can .content_box > div > ul > li {
        padding: 30px 0;
        border-top: dashed 2px #d1d5d6;
    }

    .nonprofit_can .content_box > div > ul > li:nth-of-type(1) {
        padding: 0 0 30px 0;
        border: none;
    }

    .nonprofit_conlist .content_box > ul > li {
        position: relative;
        margin-top: 50px;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
        margin-top: 0;
    }

    .nonprofit_conlist .content_box > ul > li > h2 {
        margin-bottom: 25px;
        color: #01baef;
        font-weight: 700;
        font-size: 35px;
    }

    .nonprofit_conlist .content_box > ul > li > p {
        margin-top: 20px;
    }

    .nonprofit_conlist .content_box > ul > li > p:nth-of-type(1) {
        margin-top: 0;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(odd) {
        padding-left: 400px;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(even) {
        padding-right: 400px;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(1) {
        background: url(/images/doorway/bg_nonprofit1.png) no-repeat left top;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(2) {
        background: url(/images/doorway/bg_nonprofit2.png) no-repeat right top;
    }

    .nonprofit_conlist .content_box > ul > li:nth-of-type(3) {
        background: url(/images/doorway/bg_nonprofit3.png) no-repeat left top;
    }

    .nonprofit_action {
        background: #ececf6;
    }

    .nonprofit_action .nonprofit_text p:nth-of-type(1) {
        margin-bottom: 40px;
        padding-left: 280px;
        background: url(/images/doorway/bg_nonprofit4.png) no-repeat left top;
    }

    .nonprofit_action .nonprofit_text p > em {
        display: block;
        font-weight: 700;
        font-size: 16px;
        font-style: italic;
        text-align: center;
    }

    .nonprofit_action .nonprofit_text p > span {
        display: block;
        text-align: center;
    }

    .nonprofit_section .wh_numbox > ul > li > div {
        height: 294px;
    }

    .nonprofit_section .wh_numbox > ul > li {
        padding: 0 28px 52px 28px;
    }

    .accounting.top_banner {
        background: url(/images/doorway/bg_accounting.png) no-repeat right bottom #01baef;
    }

    .accounting.top_banner > h1 {
        background: url(/images/doorway/icon_accounting.png) no-repeat left top;
    }

    .use_accounting {
        background: #e5f8fd;
    }

    .use_acclist ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .use_acclist ul li {
        float: left;
        width: calc(50% - 30px);
        padding: 30px 0;
        border-bottom: dashed 1px #d2dbde;
    }

    .use_acclist ul li:nth-of-type(odd) {
        margin-right: 30px;
    }

    .use_acclist ul li:nth-of-type(even) {
        margin-left: 30px;
    }

    .use_acclist ul li:nth-of-type(1),
    .use_acclist ul li:nth-of-type(2) {
        border-top: none;
    }

    .use_acclist ul li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .accounting_improve .content_box {
        padding: 0 585px 0 90px;
    }

    .accounting_improve .car_tith1 {
        text-align: left;
        line-height: 42px;
    }

    .accounting_improve > .content_box:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 562px;
        height: 477px;
        background: url(/images/doorway/accounting_phone.png) no-repeat;
    }

    .accounting_increase {
        background: #ececf6;
    }

    .accounting_increase .content_box > p {
        margin-top: 30px;
        padding: 0 110px;
        text-align: center;
    }

    .accounting_increase .content_box > p:nth-of-type(1) {
        margin-top: 0;
    }

    .accounting_tighten > .content_box {
        padding: 0 0 0 500px;
    }

    .accounting_tighten > .content_box .car_tith1 {
        text-align: left;
        line-height: 42px;
    }

    .accounting_tighten > .content_box:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 435px;
        height: 356px;
        background: url(/images/doorway/bg_accounting1.png) no-repeat;
    }

    .accounting_increase.green {
        background: #e6f6f6;
    }

    .accounting_increase.white {
        background: #fff;
    }

    .accounting_provide .content_box:after {
        content: "";
        display: block;
        clear: both;
    }

    .accounting_provide .content_box > div {
        float: left;
        width: calc(50% - 15px);
    }

    .accounting_provide .content_box > div:nth-of-type(odd) {
        margin-right: 15px;
        padding-left: 90px;
    }

    .accounting_provide .content_box > div:nth-of-type(even) {
        margin-left: 15px;
        padding-right: 90px;
    }

    .accounting_keep {
        background: #e5f8fd;
    }

    .accounting_keep .car_tith1 {
        text-align: left;
    }

    .accounting_keep > .content_box {
        padding: 0 466px 0 0;
    }

    .accounting_keep > .content_box p:nth-of-type(2) {
        margin-top: 30px;
    }

    .accounting_keep > .content_box:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 402px;
        height: 349px;
        background: url(/images/doorway/bg_accounting2.png) no-repeat;
    }

    .life_car.accounting {
        background: #ececf6;
    }

    .life_car.accounting .content_box ul li {
        width: 310px;
        height: 305px;
        padding: 23px 30px;
    }

    .life_car.accounting .content_box ul li:nth-of-type(4) {
        margin-left: 0;
    }

    .life_car.accounting .content_box ul li:nth-of-type(5) {
        margin-left: 26px;
    }

    .life_car.accounting .car_tith1 {
        margin-bottom: 60px;
    }

    .political {
        line-height: 32px;
    }

    .political .top_banner {
        background: url(/images/doorway/bg_political.png) no-repeat right bottom #01baef;
    }

    .political .top_banner > h1 {
        background: url(/images/doorway/icon_political.png) no-repeat left top;
    }

    .political .car_section.main_roll {
        margin-bottom: 0;
    }

    .political article + .main_roll.car_section {
        padding-top: 0;
    }

    .political .sell_more > .content_box {
        padding: 0 410px 0 100px;
    }

    .political .sell_more > .content_box:after {
        top: 40px;
        width: 286px;
        height: 576px;
        background: url(/images/doorway/political_phone.png) no-repeat;
        background-size: 286px 576px;
    }

    .political .channel > .content_box > div {
        position: relative;
        margin: 0 100px;
        padding: 0 0 0 327px;
    }

    .political .channel > .content_box > div:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 280px;
        height: 240px;
        background: url(/images/doorway/img_political1.png) no-repeat;
    }

    .political .channel > .content_box > div > p {
        margin-top: 25px;
    }

    .political .channel > .content_box > div > p:nth-of-type(1) {
        margin-top: 0;
    }

    .political .car_sendsms {
        background-image: none;
    }

    .political .life_car .content_box ul li {
        width: 301px;
        height: 308px;
    }

    .political .life_car .content_box ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .political .life_car .content_box ul li:nth-of-type(5) {
        margin: 0 0 40px 26px;
    }

    .customer .top_banner {
        background: url(/images/doorway/bg_customer.png) no-repeat right bottom #01baef;
    }

    .customer .top_banner > h1 {
        background: url(/images/doorway/icon_customer.png) no-repeat left top;
    }

    .customer .car_section.main_roll {
        margin-bottom: 0;
    }

    .customer .life_car .content_box ul li {
        width: 301px;
        height: 308px;
    }

    .customer .life_car .content_box ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .customer .life_car .content_box ul li:nth-of-type(5) {
        margin: 0 0 40px 26px;
    }

    .customer_usecase {
        background: #e5f8fd;
    }

    .customer_usecase ul:after {
        content: "";
        display: block;
        clear: both;
    }

    .customer_usecase ul li {
        float: left;
        width: calc(50% - 25px);
        height: 190px;
        padding: 40px 0;
        border-bottom: dashed 2px #c9cdce;
    }

    .customer_usecase ul li strong {
        display: block;
        margin-bottom: 10px;
    }

    .customer_usecase ul li:nth-of-type(odd) {
        margin-right: 25px;
    }

    .customer_usecase ul li:nth-of-type(even) {
        margin-left: 25px;
    }

    .customer_usecase ul li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .car_tith1 span {
        line-height: 28px;
    }

    .customer_help .content_box > div > ul > li {
        padding: 70px 0 50px 0;
        border-top: dashed 2px #e1e1e1;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(1) {
        border-top: none;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(odd) {
        padding-right: 450px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(even) {
        padding-left: 480px;
    }

    .customer_help .content_box > div > ul > li > strong {
        display: block;
        margin-bottom: 15px;
        font-weight: 700;
        font-size: 24px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(1) {
        background: url(/images/doorway/img_customer1.png) no-repeat right 50px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(2) {
        background: url(/images/doorway/img_customer2.png) no-repeat left 50px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(3) {
        background: url(/images/doorway/img_customer3.png) no-repeat right 50px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(4) {
        background: url(/images/doorway/img_customer4.png) no-repeat left 50px;
    }

    .customer_help .content_box > div > ul > li:nth-of-type(5) {
        background: url(/images/doorway/img_customer5.png) no-repeat right 50px;
    }

    .customer .car_sendsms {
        background: url(/images/doorway/img_customer6.png) no-repeat center center #ececf6;
    }

    .financial.top_banner > h1 {
        background: url(/images/doorway/icon_financial.png) no-repeat left top;
    }

    .financial.top_banner {
        background: url(/images/doorway/bg_financial.png) no-repeat right bottom #01baef;
    }

    .financial.accounting_tighten > .content_box:before {
        background: url(/images/doorway/bg_financial1.png) no-repeat;
    }

    .financial.accounting_keep > .content_box:before {
        width: 300px;
        height: 315px;
        background: url(/images/doorway/bg_financial2.png) no-repeat;
    }

    .financial.accounting_keep > .content_box {
        padding: 0 326px 0 0;
    }

    .financial.accounting_keep {
        background: #e6f6f6;
    }

    .financial.accounting_increase {
        background: #e5f8fd;
    }

    .financial_action p {
        margin-top: 20px;
    }

    .financial_action .action_img {
        position: relative;
        padding: 0 0 0 305px;
    }

    .financial_action .action_img p {
        margin: 0;
    }

    .financial_action .action_img:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 267px;
        height: 100px;
        background: url(/images/doorway/bg_financial3.png) no-repeat;
    }

    .life_car.accounting .content_box ul li:nth-of-type(3n+1) {
        margin-left: 0;
    }

    .property.top_banner {
        background: url(/images/doorway/bg_property.png) no-repeat right bottom #01baef;
    }

    .property.top_banner > h1 {
        background: url(/images/doorway/icon_property.png) no-repeat left top;
    }

    .property .use_acclist ul li {
        min-height: 221px;
    }

    .property.use_accounting {
        padding: 80px 0 0 0;
    }

    .property.accounting_keep,
    .property.life_car.accounting {
        background: #fff;
    }

    .property.accounting_keep > .content_box:before {
        width: 498px;
        height: 319px;
        background: url(/images/doorway/img_property1.png) no-repeat;
    }

    .property.accounting_keep > .content_box {
        padding: 0 600px 0 80px;
    }

    .property.accounting_increase {
        background: #e6f6f6;
    }

    .property.accounting_increase.purple {
        background: #ececf6;
    }

    .property.accounting_tighten > .content_box {
        padding: 0 90px 0 590px;
    }

    .property.accounting_tighten > .content_box:before {
        left: 90px;
        width: 435px;
        height: 306px;
        background: url(/images/doorway/img_property2.png) no-repeat 0 top;
    }

    .real.top_banner {
        background: url(/images/doorway/bg_real.png) no-repeat right bottom #01baef;
    }

    .real.top_banner > h1 {
        background: url(/images/doorway/icon_real.png) no-repeat left top;
    }

    .real.property.accounting_keep > .content_box:before {
        background: url(/images/doorway/img_real1.png) no-repeat left top;
    }

    .retail.top_banner {
        background: url(/images/doorway/bg_retail.png) no-repeat right bottom #01baef;
    }

    .retail.top_banner > h1 {
        background: url(/images/doorway/icon_retail.png) no-repeat left top;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(odd) {
        padding: 70px 0 50px 450px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(even) {
        padding: 70px 450px 50px 0;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(1) {
        background: url(/images/doorway/img_retail1.png) no-repeat left 80px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(2) {
        background: url(/images/doorway/img_retail2.png) no-repeat right 80px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(3) {
        background: url(/images/doorway/img_retail3.png) no-repeat left 80px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(4) {
        background: url(/images/doorway/img_retail4.png) no-repeat right 80px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(5) {
        background: url(/images/doorway/img_retail5.png) no-repeat left 80px;
    }

    .retail.customer_help .content_box > div > ul > li:nth-of-type(6) {
        background: url(/images/doorway/img_retail6.png) no-repeat right 80px;
    }

    .staffing.top_banner {
        background: url(/images/doorway/bg_staffing.png) no-repeat right bottom #01baef;
    }

    .staffing.top_banner > h1 {
        background: url(/images/doorway/icon_staffing.png) no-repeat left top;
    }

    .staffing_textbox .staffing_img {
        position: relative;
        padding: 0 0 0 502px;
    }

    .staffing_textbox .staffing_img .car_tith1 {
        font-size: 35px;
        text-align: left;
    }

    .staffing_textbox .staffing_img:before {
        content: "";
        display: block;
        left: 0;
        width: 435px;
        height: 395px;
        background: url(/images/doorway/img_staffing1.png) no-repeat;
    }

    .staffing_textbox .staffing_img p {
        margin-top: 30px;
    }

    .staffing_textbox .staffing_img p:nth-of-type(1) {
        margin-top: 0;
    }

    .stay_textbox {
        background: #e6f6f6;
    }

    .stay_textbox .stay_img {
        position: relative;
        padding: 0 335px 0 0;
    }

    .stay_textbox .stay_img:before {
        content: "";
        display: block;
        right: 0;
        width: 300px;
        height: 315px;
        background: url(/images/doorway/img_staffing2.png) no-repeat;
    }

    .save_textbox .save_float {
        padding: 0 80px;
    }

    .save_textbox .save_float:after {
        content: "";
        display: block;
        clear: both;
    }

    .save_textbox .save_float > div {
        float: left;
        width: calc(50% - 10px);
    }

    .save_textbox .save_float > div:nth-of-type(1) {
        margin-right: 10px;
    }

    .save_textbox .save_float > div:nth-of-type(2) {
        margin-left: 10px;
    }

    .accounting_increase .content_box > p {
        padding: 0 80px;
    }

    .integrate .integratein {
        padding: 0 444px 0 0;
    }

    .integrate .integratein:before {
        content: "";
        display: block;
        right: 0;
        width: 435px;
        height: 395px;
        background: url(/images/doorway/img_staffing3.png) no-repeat;
    }

    .integrate .integratein:before,
    .staffing_textbox .staffing_img:before,
    .stay_textbox .stay_img:before {
        position: absolute;
        top: 0;
    }

    .club.top_banner {
        background: url(/images/doorway/bg_club.png) no-repeat right bottom #01baef;
    }

    .club.top_banner > h1 {
        background: url(/images/doorway/icon_club.png) no-repeat left top;
    }

    .club.property .use_acclist ul li {
        width: calc(50% - 20px);
        min-height: 84px;
        padding: 20px 0;
        border-top: none;
        border-bottom: dashed 1px #d2dbde;
        font-size: 15px;
    }

    .club.property .use_acclist ul li:nth-last-of-type(1) {
        border-bottom: none;
    }

    .club.property .use_acclist ul li:nth-of-type(even) {
        margin-left: 20px;
    }

    .club.property .use_acclist ul li:nth-of-type(odd) {
        margin-right: 20px;
    }

    .club.property.use_accounting {
        padding: 80px 0;
    }

    .club_phone .phone_box {
        position: relative;
        padding: 0 512px 0 0;
    }

    .club_phone .phone_box .car_tith1 {
        text-align: left;
    }

    .club_phone .phone_box p {
        margin-top: 30px;
    }

    .club_phone .phone_box p:nth-of-type(1) {
        margin-top: 0;
    }

    .club_phone .phone_box:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 527px;
        height: 466px;
        background: url(/images/doorway/img_club1.png) no-repeat;
    }

    .club_rightimg {
        position: relative;
        padding: 0 334px 0 0;
    }

    .club_rightimg .car_tith1 {
        text-align: left;
    }

    .club_rightimg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 280px;
        height: 466px;
        background: url(/images/doorway/img_club2.png) no-repeat;
    }

    .club_leftimg {
        padding: 0 0 0 435px;
    }

    .club_leftimg .car_tith1 {
        text-align: left;
    }

    .club_leftimg:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 380px;
        height: 260px;
        background: url(/images/doorway/img_club3.png) no-repeat;
    }

    .accounting_increase.sky {
        background: #e5f8fd;
    }

    .club_rightimg.guest {
        position: relative;
        padding: 0 450px 0 0;
    }

    .club_rightimg.guest:before {
        position: absolute;
        top: 0;
        right: 0;
        width: 380px;
        height: 280px;
        background: url(/images/doorway/img_club4.png) no-repeat;
    }

    .club_rightimg.guest p {
        margin-top: 20px;
    }

    .club_rightimg.guest p:nth-of-type(1) {
        margin-top: 0;
    }

    .higher.top_banner > h1 {
        background: url(/images/doorway/icon_higher.png) no-repeat left top;
    }

    .higher.top_banner {
        background: url(/images/doorway/bg_higher.png) no-repeat right bottom #01baef;
    }

    .higher.club_phone .phone_box:before {
        background: url(/images/doorway/higher_phone.png) no-repeat;
    }

    .higer_con {
        position: relative;
        padding-left: 478px;
    }

    .higer_con h1 {
        position: absolute;
        top: 0;
        left: 0;
        width: 370px;
        text-align: left;
    }

    .higer_con .num_list > li {
        padding-top: 30px;
        padding-left: 50px;
        border-top: dashed 2px #c2c2c2;
    }

    .higer_con .num_list > li:nth-of-type(1) {
        border-top: none;
    }

    .higer_con .num_list > li em {
        top: 37px;
        color: #817dc5;
        font-weight: 700;
        font-size: 30px;
    }

    .club_rightimg.guest.higher:before {
        background: url(/images/doorway/img_higher1.png) no-repeat;
    }

    .insurance.top_banner {
        background: url(/images/doorway/bg_insurance.png) no-repeat right bottom #01baef;
    }

    .insurance.top_banner > h1 {
        background: url(/images/doorway/icon_insurance.png) no-repeat left top;
    }

    .insurance.club_phone .phone_box:before {
        background: url(/images/doorway/insurance_phone.png) no-repeat;
    }

    .insurance.club_leftimg:before {
        width: 402px;
        height: 452px;
        background: url(/images/doorway/insurance_img1.png) no-repeat;
    }

    .insurance.club_leftimg p {
        margin-top: 20px;
    }

    .insurance.club_leftimg p:nth-of-type(1) {
        margin-top: 0;
    }

    .club_rightimg.insurance {
        padding: 0 420px 0 0;
    }

    .club_rightimg.insurance {
        padding: 0 425px 0 0;
    }

    .club_rightimg.insurance p {
        margin-top: 20px;
    }

    .club_rightimg.insurance p:nth-of-type(1) {
        margin-top: 0;
    }

    .club_rightimg.insurance:before {
        width: 382px;
        height: 485px;
        background: url(/images/doorway/insurance_img2.png) no-repeat;
    }

    .club_leftimg.insurance1:before {
        width: 445px;
        height: 437px;
        background: url(/images/doorway/insurance_img3.png) no-repeat;
    }

    .club_leftimg.insurance1 {
        padding: 0 0 0 494px;
    }

    .club_leftimg.insurance1 p {
        margin-top: 20px;
    }

    .club_leftimg.insurance1 p:nth-of-type(1) {
        margin-top: 0;
    }

    .insurance.life_car .content_box ul li {
        width: 300px;
        margin: 0 0 40px 30px;
    }

    .insurance.life_car .content_box ul {
        margin-top: 60px;
    }

    .insurance.property .use_acclist ul li {
        min-height: 171px;
        padding: 20px 0;
    }

    .insurance.property.use_accounting {
        padding: 80px 0;
    }

    .marketing.top_banner {
        background: url(/images/doorway/bg_marketing.png) no-repeat right bottom #01baef;
    }

    .marketing.top_banner > h1 {
        background: url(/images/doorway/icon_marketing.png) no-repeat left top;
    }

    .marketing .use_acclist ul li {
        height: 151px;
    }

    .marketing.use_accounting {
        padding: 80px 0;
    }

    .marketing.club_phone .phone_box:before {
        top: -50px;
        background: url(/images/doorway/marketing_phone.png) no-repeat;
    }

    .marketing.club_phone .phone_box {
        padding: 0 550px 0 100px;
    }

    .marketing .club_rightimg p {
        margin-top: 20px;
    }

    .marketing .club_rightimg p:nth-of-type(1) {
        margin-top: 0;
    }

    .marketing .club_rightimg:before {
        width: 288px;
        height: 319px;
        background: url(/images/doorway/marketing_img1.png) no-repeat;
    }

    .marketing .club_leftimg {
        padding: 0 0 0 363px;
    }

    .marketing .club_leftimg:before {
        width: 316px;
        height: 231px;
        background: url(/images/doorway/marketing_img2.png) no-repeat;
    }

    .unions.top_banner {
        background: url(/images/doorway/bg_union.png) no-repeat right bottom #01baef;
    }

    .unions.top_banner > h1 {
        background: url(/images/doorway/icon_union.png) no-repeat;
    }

    .unions .use_acclist ul li:nth-last-of-type(1) {
        border-bottom: dashed 1px #d2dbde;
    }

    .unions.club_phone .phone_box:before {
        background: url(/images/doorway/union_phone.png) no-repeat;
    }

    .unions.club_phone .phone_box {
        padding: 0 490px 0 0;
    }

    .unions.club_rightimg {
        padding: 0 511px 0 0;
    }

    .unions.club_rightimg:before {
        width: 430px;
        height: 320px;
        background: url(/images/doorway/union_img1.png) no-repeat;
    }

    .unions.club_leftimg:before {
        width: 430px;
        height: 320px;
        background: url(/images/doorway/union_img2.png) no-repeat;
    }

    .unions.life_car {
        background: #ececf6;
    }

    .unions.life_car .content_box ul {
        margin-top: 60px;
    }

    .unions.life_car .content_box ul li {
        width: 308px;
    }

    .unions.life_car .content_box ul li:nth-of-type(1),
    .unions.life_car .content_box ul li:nth-of-type(5) {
        margin-left: 26px;
    }

    .unions.life_car .content_box ul li:nth-of-type(1),
    .unions.life_car .content_box ul li:nth-of-type(2),
    .unions.life_car .content_box ul li:nth-of-type(3) {
        height: 370px;
    }

    .utilities.life_car {
        background: #ececf6;
    }

    .utilities.life_car .content_box ul li {
        width: 308px;
    }

    .utilities.life_car .content_box ul li:nth-of-type(1),
    .utilities.life_car .content_box ul li:nth-of-type(5) {
        margin-left: 26px;
    }

    .utilities.top_banner {
        background: url(/images/doorway/bg_utilities.png) no-repeat right bottom #01baef;
    }

    .utilities.top_banner > h1 {
        background: url(/images/doorway/icon_union.png) no-repeat;
    }

    .utilities.club_phone .phone_box:before {
        background: url(/images/doorway/utilities_phone.png) no-repeat;
    }

    .utilities.club_rightimg:before {
        background: url(/images/doorway/utilities_img1.png) no-repeat;
    }

    .utilities.club_leftimg:before {
        background: url(/images/doorway/utilities_img2.png) no-repeat;
    }

    .utilities.club_phone .phone_box {
        padding: 0 454px 0 0;
    }

    .utilities.club_rightimg:before {
        width: 382px;
        height: 266px;
    }

    .utilities.club_rightimg {
        padding: 0 430px 0 0;
    }

    .utilities.club_leftimg {
        padding: 0 0 0 375px;
    }

    .Policy_pargrph .description_update {
        margin: 35px 0 25px;
        padding-left: 40px;
        color: #000;
        font-weight: 500;
        line-height: 30px;
    }

    .main_roll {
        margin-bottom: 116px;
        padding: 0;
    }

    .main_roll .content_box > p {
        padding-top: 40px;
        font-size: 20px;
        text-align: center;
        line-height: 45px;
    }

    .main_roll .btn_box {
        margin-top: 57px;
        text-align: center;
    }

    .main_roll .btn_box .btn {
        margin-left: 10px;
    }

    .main_roll .content_box .tp-add-video-link {
        position: relative;
        padding-right: 500px;
        font-size: 16px;
        text-align: left;
        line-height: 30px;
    }

    .main_roll .content_box .tp-add-video-link a {
        display: block;
        position: absolute;
        top: 40px;
        right: 0;
    }

    .main_roll .content_box .tp-add-video-link a img {
        display: block;
        width: 100%;
        border-radius: 5px;
    }

    .main_roll .content_box .tp-add-video-link + .btn_box {
        margin-top: 20px;
        text-align: left;
    }

    .main_roll .content_box .tp-add-video-link + .btn_box .btn:nth-child(1) {
        margin-left: 0;
    }

    .motion_box {
        position: relative;
    }

    .motion_box:after {
        content: "";
        display: block;
        clear: both;
    }

    .motion_box .btn_box .btn:after {
        bottom: 0;
        transform-origin: 50% 50%
    }

    .motion_box .btn_box .btn {
        transition: all .3s cubic-bezier(.54, .38, .89, .41);
        transform-origin: 50% 50%;
        opacity: 0;
    }

    .motion_box.ani .btn_box .btn:after {
        bottom: -6px;
    }

    .motion_box.ani .btn_box .btn {
        top: 0;
        opacity: 1;
    }

    .tp-btn-box {
        margin: 40px 0;
        text-align: center;
    }

    .tp-btn-box .tp-btn {
        margin: 0 10px;
    }

    .left_con .tp-btn-box {
        margin: 0;
        text-align: left;
    }

    .left_con .tp-btn {
        margin: 0 10px 0 0;
    }

    .page_info_text .tp-btn-box {
        margin: 40px 0 0;
    }

    .btn:hover:after {
        bottom: 0 !important;
        transition: .3s !important;
    }

    .btn:hover {
        transition: .3s !important;
    }

    .covid_header_mobile {
        display: none;
    }

    .contact_header_mobile {
        display: none;
    }

    .tp-btn {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        min-width: 210px;
        height: 50px;
        padding: 0 15px;
        border-radius: 5px;
        border-width: 3px;
        border-style: solid;
        font-weight: 600;
        text-align: center;
        font-size: 16px;
        line-height: 44px;
        transition: background .3s, color .3s;
    }

    .tp-btn.size-type01 {
        height: 45px;
        font-size: 15px;
        line-height: 41px;
        border-width: 2px;
    }

    .tp-btn.size-type02 {
        height: 84px;
        line-height: 32px;
        padding: 0 62px;
        font-size: 24px;
        border-width: 2px;
        font-weight: 700;
    }

    a.tp-btn.size-type02 {
        padding: 7px 62px;
        line-height: 33px;
    }

    .tp-btn.add-icon span {
        position: relative;
        padding-left: 28px;
    }

    .tp-btn.add-icon.icon-triangle span:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 0;
        height: 0;
        border-width: 8px 0 8px 14px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

    .tp-btn.color-type01 {
        border-color: #59c3c3;
        color: #fff;
        background-color: #59c3c3;
    }

    .tp-btn.color-type01:focus,
    .tp-btn.color-type01:hover {
        color: #59c3c3;
        background-color: #fff;
    }

    .tp-btn.color-type01.add-icon.icon-triangle:hover span:before {
        border-color: transparent transparent transparent #59c3c3;
    }

    .tp-btn.color-type02 {
        border-color: #817dc5;
        color: #fff;
        background-color: #817dc5;
    }

    .tp-btn.color-type02:focus,
    .tp-btn.color-type02:hover {
        color: #817dc5;
        background-color: #fff;
    }

    .tp-btn.color-type02.add-icon.icon-triangle:hover span:before {
        border-color: transparent transparent transparent #817dc5;
    }

    .tp-btn.color-type03 {
        border-color: #ea657b;
        color: #fff;
        background-color: #ea657b;
    }

    .tp-btn.color-type03:focus,
    .tp-btn.color-type03:hover {
        color: #ea657b;
        background-color: #fff;
    }

    .tp-btn.color-type04 {
        border-color: #01baef;
        color: #fff;
        background-color: #01baef;
    }

    .tp-btn.color-type04:focus,
    .tp-btn.color-type04:hover {
        color: #01baef;
        background-color: #fff;
    }

    .tp-btn.color-type05 {
        border-color: #223849;
        color: #fff;
        background-color: #223849;
    }

    .tp-btn.color-type05:focus,
    .tp-btn.color-type05:hover {
        color: #223849;
        background-color: #fff;
    }

    .tp-btn.color-type06 {
        border-color: #01baef;
        color: #01baef;
        background-color: #fff;
    }

    .tp-btn.color-type06:focus,
    .tp-btn.color-type06:hover {
        color: #fff;
        background-color: #01baef;
    }

    .tp-btn.color-type07 {
        border-color: #ff7474;
        color: #fff;
        background-color: #ff7474;
    }

    .tp-btn.color-type07:focus,
    .tp-btn.color-type07:hover {
        color: #ff7474;
        background-color: #fff;
    }

    .tp-btn.color-type08 {
        border-color: #46dbc9;
        color: #fff;
        background-color: #46dbc9;
    }

    .tp-btn.color-type08:focus,
    .tp-btn.color-type08:hover {
        color: #46dbc9;
        background-color: #fff;
    }

    .btn_center {
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }

    .btn_center .btn_sign {
        width: 200px;
        height: 53px;
        padding: 14px 40px;
        border: 3px solid #3eb6ec;
        border-radius: 0;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        background-color: #3eb6ec;
    }

    .btn_center .btn_sign:hover {
        border: 3px solid #3eb6ec;
        color: #3eb6ec;
        background-color: transparent;
    }

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

    .tp-box-wrap {
        padding: 72px 0 100px;
    }

    .tp-box-inner {
        position: relative;
        width: 1180px;
        margin: 0 auto;
    }

    .tp-box-wrap .tp-tit-category {
        font-weight: 700;
        font-size: 30px;
        text-align: center;
        line-height: 46px;
    }

    .tp-box-wrap .tp-desc-category {
        text-align: center;
        line-height: 30px;
    }

    .tp-box-list:after {
        content: "";
        display: block;
        clear: both;
    }

    .tp-box-list li {
        float: left;
        width: 370px;
        min-height: 360px;
        margin-top: 35px;
        padding: 30px 27px 0;
        border: 1px solid #ebebeb;
        border-radius: 5px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 5px 10px #00000026;
    }

    .tp-box-list li:nth-child(3n-1) {
        margin-right: 35px;
        margin-left: 35px;
    }

    .tp-box-list .tp-tit-item a {
        display: inline-block;
        color: #01baef;
        font-weight: 700;
        font-size: 18px;
        line-height: 35px;
        transition: opacity .3s;
    }

    .tp-box-list .tp-tit-item a:focus,
    .tp-box-list .tp-tit-item a:hover {
        opacity: .6;
    }

    .tp-box-list .tp-tit-item img {
        display: block;
        margin: 0 auto;
    }

    .tp-box-list .tp-desc-item {
        color: grey;
        font-size: 14px;
        line-height: 24px;
    }

    .tp-box-wrap:nth-child(even) {
        background-color: #fafafa;
    }

    .tp-box-wrap.type02 .tp-box-list li {
        min-height: 385px;
    }

    .tp-box-wrap.type02 .tp-box-list .tp-tit-item a {
        color: #59c3c3;
    }

    .tp-box-wrap.type03 .tp-box-list .tp-tit-item a {
        color: #817dc5;
    }

    .tp-box-wrap.type04 .tp-box-list .tp-tit-item a {
        color: #ea657b;
    }

    .use_accounting.car_section.property .tp-box-list.type02 {
        padding-bottom: 80px;
    }

    .tp-box-list.type02 li {
        width: 374px;
        min-height: 330px;
        margin-top: 29px;
        border: 2px solid #ebebeb;
        border-radius: 10px;
        box-shadow: none;
    }

    .tp-box-list.type02 li:nth-child(3n-1) {
        margin-right: 29px;
        margin-left: 29px;
    }

    .tp-box-list.type02 .tp-desc-item {
        color: #3c4147;
        font-size: 16px;
        line-height: 30px;
    }

    .tp-box-list.type02 .tp-tit-item span {
        display: inline-block;
        color: #3c4147;
        font-weight: 700;
        font-size: 16px;
        line-height: 30px;
    }

    .tp-box-wrap + .btn_area {
        margin-top: 0;
        padding: 57px 0 52px;
        border-top: 0;
    }

    .tp-circle-wrap {
        padding-bottom: 100px;
    }

    .tp-circle-wrap .tp-circle-cycle:after {
        content: "";
        display: block;
        clear: both;
    }

    .tp-circle-wrap .tp-circle-cycle li {
        float: left;
        width: 33.3%;
        text-align: center;
    }

    .tp-circle-wrap .tp-circle-cycle li > div {
        padding: 0 25px;
    }

    .tp-circle-wrap .tp-circle-cycle .dp3,
    .tp-circle-wrap .tp-circle-cycle h2 {
        color: #817dc5;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
    }

    .tp-circle-wrap .tp-circle-cycle li:first-child h2 {
        color: #59c3c3;
    }

    .tp-circle-wrap .tp-circle-cycle li:last-child h2 {
        color: #ea657b;
    }

    .tp-circle-wrap .tp-circle-cycle .dp3 img,
    .tp-circle-wrap .tp-circle-cycle h2 img {
        display: block;
        margin: 0 auto 40px;
    }

    .tp-circle-wrap .tp-circle-cycle p {
        margin-top: 15px;
        color: #3c4147;
        line-height: 30px;
    }

    .lnb #automation .tp-core-features-item,
    .lnb #enterprise .tp-core-features-item,
    .lnb #omni .tp-core-features-item {
        background: #01baef;
    }

    .lnb #core .tp-automation-item,
    .lnb #enterprise .tp-automation-item,
    .lnb #omni .tp-automation-item {
        background: #59c3c3;
    }

    .lnb #automation .tp-omni-channel-item,
    .lnb #core .tp-omni-channel-item,
    .lnb #enterprise .tp-omni-channel-item {
        background: #817dc5;
    }

    .lnb #automation .tp-enterprise-item,
    .lnb #core .tp-enterprise-item,
    .lnb #omni .tp-enterprise-item {
        background: #ea657b;
    }

    .lnb #automation [class*=tp-],
    .lnb #core [class*=tp-],
    .lnb #enterprise [class*=tp-],
    .lnb #omni [class*=tp-] {
        margin-top: 3px;
        padding: 0;
    }

    .lnb #automation [class*=tp-] a,
    .lnb #core [class*=tp-] a,
    .lnb #enterprise [class*=tp-] a,
    .lnb #omni [class*=tp-] a {
        display: block;
        padding: 11px 0 12px 30px;
        color: #fff;
        transition: opacity .3s;
        opacity: 1;
    }

    .lnb #automation [class*=tp-] a:focus,
    .lnb #automation [class*=tp-] a:hover,
    .lnb #core [class*=tp-] a:focus,
    .lnb #core [class*=tp-] a:hover,
    .lnb #enterprise [class*=tp-] a:focus,
    .lnb #enterprise [class*=tp-] a:hover,
    .lnb #omni [class*=tp-] a:focus,
    .lnb #omni [class*=tp-] a:hover {
        opacity: .6;
    }

    .page-tit-depth2 span em {
        display: block;
        font-size: 30px;
        font-style: italic;
    }

    .right-form-group {
        position: absolute;
        top: 60px;
        right: 0;
    }

    .tp-right-link {
        margin-top: 20px;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
    }

    .tp-right-link p {
        letter-spacing: -.04em;
    }

    .tp-right-link a {
        color: #01baef;
    }
    .property.accounting_keep > .content_box:before {
        width: 100%;
        height: 319px;
        background: url(/images/doorway/img_property1.png) no-repeat 50% 50%;
        background-size: 100% auto;
    }

    .property.accounting_tighten > .content_box:before {
        width: 100%;
        height: 306px;
        background: url(/images/doorway/img_property2.png) no-repeat 50% 50%;
        background-size: 100% auto;
    }

    .tp-btn {
        height: 38px;
        font-size: 14px;
        line-height: 32px;
    }

    .tp-box-list li,
    .tp-box-list.type02 li {
        width: 100%;
        min-height: auto;
        margin-top: 5%;
        padding-bottom: 30px;
    }

    .tp-box-list li:nth-child(odd) {
        float: none;
    }

    .tp-box-list li:nth-child(even) {
        float: none;
    }

    .tp-box-wrap.type02 .tp-box-list li {
        min-height: auto;
    }

    .tp-circle-wrap {
        padding-bottom: 50px;
    }

    .tp-circle-wrap .tp-circle-cycle li {
        float: none;
        width: 100%;
        margin-top: 40px;
    }

    .tp-circle-wrap .tp-circle-cycle li:first-child {
        margin-top: 0;
    }

}
@media screen and (max-width:700px) {

    .page-tit-depth2 span,
    .page-tit-depth2.small span {
        font-size: 25px;
    }

    .page-tit-depth2.line-h span {
        line-height: 31px;
    }

    .resources_btnbox ul li {
        width: 50%
    }

    .resources_btnbox ul li a:before {
        width: 120px;
        height: 120px;
        background-size: 40px !important;
    }

    .resources_btnbox ul li strong {
        font-size: 18px;
    }

    .resources_btnbox ul li span {
        padding: 0 10px;
    }

    .recorede_box ul li:before {
        height: 130px;
    }

    .practices_tip {
        padding: 40px 10px;
    }

    .practices_tip .half_box {
        float: none;
        width: 100%;
        margin: 0 !important;
    }

    .practices_tip .half_box > ul > li {
        padding: 15px 0;
    }

    .practices_tip .half_box > ul > li:before {
        display: none;
    }

    .practices_tip.sms > h2 > span {
        font-size: 25px;
    }

    .round_list.support > li:nth-of-type(1) {
        background-position: center 53px;
    }

    .round_list.support > li:nth-of-type(2) {
        background-position: center 53px;
    }

    .round_list.support > li:nth-of-type(3) {
        background-position: center 53px;
    }

    .round_list.campaign > li:nth-of-type(1) {
        background-position: center 62px !important;
    }

    .round_list.campaign > li:nth-of-type(2) {
        background-position: center 72px !important;
    }

    .white .round_list.campaign > li:nth-of-type(2) {
        background-position: center 94px !important;
    }

    .round_list.campaign > li:nth-of-type(3) {
        background-position: center 82px !important;
    }

    .round_list.campaign > li:nth-of-type(4) {
        background-position: center 69px !important;
        background-size: 30px !important;
    }

    .round_list.campaign > li:nth-of-type(5) {
        background-position: center 72px !important;
    }

    .tap_box ul li strong {
        font-size: 15px;
    }

    .tap_box ul li em {
        font-size: 12px;
    }

    .tap_box ul li:nth-last-of-type(1) strong {
        font-size: 13px;
    }

    .tap_box ul li:nth-last-of-type(3) {
        padding: 20px 0 0 0;
    }

    .pricing_wrap .tap_box ul li:nth-last-of-type(3) {
        padding: 30px 0 0 0;
    }

    .tap_box ul li {
        padding: 30px 0 0 0;
    }

    .tap_box ul li,
    .tap_box ul li:nth-last-of-type(1) {
        height: 125px;
        max-height: 125px;
    }

    .plan_tap ul li a {
        font-size: 12px;
    }

    .plan_list .tooltip {
        width: 300px;
    }

    .life_wrap .life_dec {
        font-size: 14px;
    }

    .casecard_wrap > ul > li {
        float: none;
        width: 100%;
        height: auto;
        margin: 0 0 30px 0;
        padding-bottom: 20px;
    }

    .practices_tip .half_box:nth-of-type(2) > ul > li:nth-of-type(1) {
        padding: 15px 0;
        border-top: dashed 2px #e1e1e1;
    }

    .plan_bot .pop_bt a {
        display: none;
    }

    .page-tit-depth2.demo span {
        font-size: 23px;
        line-height: 30px;
    }

    .moviebox ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .moviebox {
        padding: 0;
    }

    .summary a.link_text {
        border-bottom: none;
    }

    .code_con {
        padding: 0;
    }

    .long_code .code_wrap,
    .short_code .code_wrap {
        background-size: auto 190px;
    }

    .icon_textlist.mobile .page-tit-depth4-puple {
        text-align: center;
    }

    .icon_textlist.mobile ul li {
        padding: 140px 10px 20px 20px !important;
        text-align: center;
    }

    .icon_textlist.mobile ul li:nth-of-type(1),
    .icon_textlist.mobile ul li:nth-of-type(2),
    .icon_textlist.mobile ul li:nth-of-type(3),
    .icon_textlist.mobile ul li:nth-of-type(4) {
        background-position: center 20px !important;
    }

    .discover_sms ul.discover_list li {
        float: none;
        width: 100%;
        height: 50px;
        margin: 0 0 15px 0;
        text-align: left;
        background-size: 60px 60px !important;
    }

    .discover_sms ul.discover_list li a {
        padding: 10px 15px 0 70px;
        text-align: left;
    }

    .voiceuse > ul > li {
        padding: 20px 0 20px 100px;
        background-size: 80px !important;
    }

    .voiceuse > ul > li:nth-of-type(1) {
        padding: 0 0 20px 100px;
    }

    .voiceuse > ul > li > h3 {
        margin-bottom: 20px;
    }

    .voiceuse .page-tit-depth4-blue {
        margin: 0 0 20px 0;
    }

    .icon_textlist.voice h2 {
        margin-bottom: 10px;
    }

    .usecase_intro {
        padding: 30px 0;
    }

    .usecase_intro .usecase_text > .right_form {
        position: relative;
        top: 0;
        width: 100%;
        margin-top: 20px;
    }

    .usecase_intro .usecase_text .text_Area p {
        font-size: 15px;
        text-align: center;
        line-height: 30px;
    }

    .usecase_intro .usecase_text .text_Area p em {
        font-size: 18px;
    }

    .usecase_intro .usecase_text .text_Area {
        margin: 0 0 60px 0;
    }

    .account_list {
        width: auto;
        margin: 0 auto;
    }

    .account_list li > .btn_accounttip {
        top: 0;
        right: auto;
        left: 90px;
    }

    .account_list li {
        margin-bottom: 10px;
    }

    .form_wrap h1.account_tit {
        padding-top: 55px;
        font-size: 18px;
    }

    .form_wrap h2.account_tit2 {
        font-size: 13px;
    }

    .tutorialscon ul li .tutorialscard {
        height: 550px;
    }

    .tutorialsTap ul li {
        float: none;
        width: 100% !important;
        border-top: solid 1px #cecddb;
        border-left: none;
    }

    .tutorialscon ul {
        left: 0;
    }

    .tutorialscon ul li {
        float: none;
        width: 100%;
        padding: 45px 0 0 0;
    }

    .tutorialscon ul li .tutorialscard {
        height: auto;
    }

    .tutorial_movie {
        height: 150px;
    }

    .tutorial_movie > .btn_box {
        top: 138px;
        left: -10px;
    }

    .tutorial_text {
        padding: 46px 20px 30px;
    }

    .tutorial_movie > .btn_box a {
        width: 40px;
        height: 40px;
        margin-left: 10px;
        background-size: 40px !important;
    }

    .accordion_tap li.on .tooltip {
        width: 100%
    }

    .hr_linkbox p {
        width: 340px;
        margin: 35px auto 35px;
        text-align: center;
        line-height: 30px;
    }

    .hr_linkbox {
        padding: 30px 0;
    }

    .hr_linkbox .page-tit-depth3-green {
        padding: 150px 0 0 0;
        font-size: 30px;
    }

    .summry_how {
        padding: 0;
    }

    .summry_how .img_box {
        position: relative;
        height: 199px;
    }

    .step_list {
        margin: 25px 0 0 0;
    }

    .step_list img {
        max-width: 100%
    }

    .step_list .step_dectxt img {
        max-width: auto;
    }

    .summry_img > ul > li {
        margin: 0 0 15px 0;
    }

    .summry_img > ul > li > div {
        height: auto;
    }
    .tcpa_box .page-tit-depth3-green,
    .tcpa_box.purple .page-tit-depth4-puple {
        font-size: 25px;
    }
    .kit_form .hs_email,
    .kit_form .hs_firstname,
    .kit_form .hs_lastname,
    .kit_form .hs_phone {
        /*float: none;
        width: 100%;
        margin: 0;*/
    }

    .kit_form .hs_industry {
        margin-top: 0;
    }

    .beyond_mobile .img_box img {
        width: 100%;
    }

    .beyond_mobile h2 {
        font-size: 25px;
    }

    .beyond_mobile h2 span {
        font-size: 18px;
    }

    .reseller .resource_box ul li > div {
        height: auto !important;
    }
    .reseller .resource_box ul li > div {
        background-size: auto 40px !important;
    }

    .reseller .resource_box ul li > div {
        padding: 90px 25px 30px;
    }
    .best_tap ul li {
        width: 50%
    }

    .sitemap_wrap .sitebox {
        float: none;
        width: 100%
    }

    .sitemap_wrap .sitebox h2 {
        font-size: 18px;
    }

    .sitemap_wrap .sitebox h3 {
        font-size: 15px;
    }

    .sitemap_wrap .sitebox ul li {
        font-size: 13px;
    }

    .sitemap_wrap .sitemenu {
        padding-bottom: 20px;
    }

    .input_bt {
        margin-top: 20px;
    }

    .img_check {
        padding: 0;
    }

    .campaignlevel_wrap .level_list ul li {
        padding: 140px 0 20px !important;
        text-align: center;
        background-position: center 30px !important;
    }

    .way_list ul li {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
    }

    .campaign_sug > .content_box {
        padding: 200px 20px 0;
        text-align: center;
        background-position: center top !important;
    }

    .campaign_sug > .content_box h2 {
        text-align: center;
    }

    .campaign_way h2,
    .campaignlevel_wrap .level_titbox h2,
    .page_dec.autocampain h2 {
        font-size: 25px;
    }

    .mass_advantage.appoint .massadvantage_list > li:nth-of-type(1) {
        height: auto;
    }

    .food_section.sell_more > .content_box:after,
    .sell_more > .content_box:after {
        width: 470px;
        background-position: 0 50px;
        background-size: 100%
    }

    .food_section.sell_more > .content_box:after {
        width: 310px;
        height: 347px;
        background-position: 0;
    }

    .food_section.top_banner > h1 {
        font-size: 35px;
    }

    .food_section.top_banner {
        background-size: auto 100%
    }
    .sub .sub-roll-stoty .boxWrap .box-img{
        width: 100%;
        height: auto;
    }
}
@media screen and (max-width:600px) {
    .card-list .btn-console a{
        display: block;
        width: fit-content;
        margin: auto;
    }
    .card-list .btn-console a + a {
        margin: 18px auto 0;
    }
    .download-handout .section-title-type02{
        position: absolute;
        width: 216px;
        padding-left: 20px;
        line-height: 1.2;
        text-align: left;
    }
    .handout-box {
        padding-top: 140px;
    }
    .section.download-handout {
        padding: 40px 0;
    }
    .sub .learn_list{
        width: 100%;
    }
    .reseller .resource_box ul li > div {
        padding: 90px 20px 40px;
    }

    .resource_box ul li {
        padding: 0;
    }

    .resource_box .tit_resource span {
        padding: 0 15px;
        font-size: 20px;
    }

    .resource_box ul li > div strong {
        font-size: 15px;
    }

    .resource_box ul li > div p {
        font-size: 13px;
    }

    .campaigncard_wrap.white .cardlist ul li > div {
        background-position: center 30px !important;
    }

    .library_box > ul > li > div h2 br {
        display: block;
    }

    .library_box > ul > li > div h2 {
        background-size: auto 120px !important;
    }

    .best_tap ul li {
        width: 100%
    }

    .best_tapcon {
        padding: 15px 20px;
    }

    .table_guide ul {
        top: 0;
        left: 0;
        width: 100%
    }

    .table_guide ul li {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .cerdit_tap {
        width: 100%
    }
}
@media screen and (max-width:541px) {
    .hr_section.top_banner {
        background: url(/images/doorway/bg_hr.png) no-repeat right top #01baef;
    }

    .medical_section.top_banner {
        background: url(/images/doorway/bg_medical.png) no-repeat right top #01baef;
    }

    .hr_section,
    .medical_section {
        padding: 50px 0 20px 0;
    }

    .btn-search {
        right: auto;
        left: 6px;
        background-size: 16px 16px;
    }
}
@media screen and (max-width:530px) {
    .hour_tool:after {
        left: 157px;
    }

    .bot_copy ul li {
        padding: 0 10px 0 12px;
    }
    .form_wrap {
        width: 90%;
        padding: 25px 20px !important;
    }

    .signup-seaction2 .form_wrap {
        width: 100%
    }

    .form_wrap h1 {
        margin-bottom: 10px;
        font-size: 20px;
        line-height: 25px;
    }

    .form_list ul li {
        margin-bottom: 20px;
        padding: 0 !important;
    }

    .form_list ul li {
        float: none;
        clear: both;
        width: 100%
    }


    .round_list > li {
        width: 100%;
        height: auto;
        margin-left: 0;
        padding: 15px 20px 80px;
    }

    .round_list.campaign.gray > li:nth-of-type(1),
    .round_list.support2 > li:nth-of-type(1) {
        display: none;
    }

    .bullet_box.customer .par_con,
    .bullet_box.gray .par_con {
        padding: 0 0 20px 0;
        font-size: 13px;
    }

    .custom_ball li {
        vertical-align: top;
        width: 100%;
        margin-right: 0;
    }

    .care_formwrap .form_wrap .formtitle {
        font-size: 25px;
    }

    .care_formwrap .form_wrap {
        padding: 25px 20px;
    }

    .contact_banner .content_box > p {
        font-size: 26px;
    }

    .form_box {
        width: 100%;
        padding: 0 20px;
    }

    .card_overbox ul li {
        height: 405px;
    }

    .card_overbox ul {
        left: 0;
    }

    .card_overbox ul li > span {
        left: 0;
    }

    .address_box > ul > li {
        width: 100%
    }

    .login_dec {
        padding: 110px 0 40px;
    }

    .login_form {
        padding: 50px 0 40px;
    }

    .login_dec .dec_in .login_txt1 span {
        font-size: 13px;
    }

    .login_dec .dec_in .login_txt {
        font-size: 20px;
    }

    .login_dec .dec_in .login_txt span strong {
        font-size: 30px;
    }

    .category_wrap {
        padding: 30px 0 15px;
    }

    .category_wrap .bullet_list {
        margin: 0 0 20px 20px;
    }

    .report_custom {
        padding: 30px 0 0 0;
    }

    .thanks_text p {
        padding: 10px 0 30px;
        font-size: 15px;
    }
    .thanks_box {
        background-size: 100%
    }

    .recorede_box ul {
        left: 0;
    }

    .recorede_box ul li {
        margin-left: 0 !important;
    }

    .recorede_box ul li .play_box {
        height: auto;
        padding: 40px 0 20px;
    }

    .recorede_box ul li .play_box span {
        padding: 0 20px;
    }

    .recorede_box ul li .play_box a.play {
        top: 0;
        height: 35px;
        background-size: auto 35px !important;
    }

    .recorede_box ul li .play_box {
        top: -40px;
    }
    .features_box {
        padding: 44px 10px;
    }

    .features_box > h3 {
        font-size: 25px;
    }

    .video_box li .video_border .img_box {
        position: relative;
        width: 100%
    }

    .video_box li .video_border .video_text {
        padding: 10px !important;
    }

    .video_box li .video_border .btn_play {
        top: -120px;
        left: 40%;
        width: 100%
    }

    .tap_type1 ul li {
        width: 100% !important;
        border-right: 0;
    }

    .tap_type1 ul li:nth-child(4) {
        border-bottom: 1px solid #d7d7d7;
    }

    .tap_type1 ul li:last-child {
        border-right: 0;
    }

    .more_video .tapcontent {
        padding: 25px;
    }

    .boarding_wrap > .box > .page-tit-depth3 {
        font-size: 23px;
        letter-spacing: 0;
    }

    .boarding_wrap > .box {
        padding: 20px;
    }

    .integration_wrap .tooltip {
        width: 334px;
    }

    .tooltip:after {
        left: 220px;
        background-position: 20px top !important;
    }

    .both_wrap > div {
        padding: 150px 30px 30px;
        background-position: center 20px !important;
    }

    .both_wrap > div:nth-of-type(even) {
        padding: 120px 30px 30px;
        background-position: center 40px !important;
    }

    .both_wrap > div .bullet_list {
        padding: 0;
    }

    .both_wrap > div > p {
        padding: 0;
    }

    .account_list,
    .account_list.half,
    .submit_box.helf {
        width: auto;
    }

    .account_list li > .btn_accounttip {
        top: 0;
        right: auto;
        left: 90px;
    }

    .account_list li {
        margin-bottom: 10px;
    }

    .form_wrap h1.account_tit {
        padding-top: 55px;
        font-size: 18px;
    }

    .form_wrap h2.account_tit2 {
        font-size: 13px;
    }

    .account_list.half li {
        float: none;
        width: 100%
    }

    .account_list.half li:nth-of-type(even),
    .account_list.half li:nth-of-type(odd) {
        margin-right: 0;
        margin-left: 0;
    }

    .img_check {
        margin-top: 20px;
        padding: 0;
    }

    .img_check .imgarea {
        top: 0;
        bottom: auto;
    }

    .kit_icon ul li {
        width: 50%
    }

    .kit_icon ul li a {
        padding-top: 94px;
        background-size: 80px auto !important;
    }

    .study_roll .lifecycle_roll .rollin ol li {
        width: 274px;
    }

    .roi_form {
        padding: 40px 0;
    }

    .sms_main {
        position: relative;
        top: 0;
        height: auto;
    }

    .sms_container {
        margin: 0;
    }

    .sell_more > .content_box:after {
        max-width: 360px;
    }

    .integrations_list {
        margin-top: 15px;
    }
}
@media screen and (max-width:516px) {
    .start .btn > span > em {
        font-size: 100% !important;
    }

    .start .btn > span > em.view {
        font-size: 13px !important;
    }
}
@media screen and (max-width:444px) {
    .sub .howto .content_box .tab .tabTit ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit ul li:nth-child(3)::after{
        width: 132px;
    }
    .bot_sitemap .menu_box:nth-of-type(2) {
        position: relative;
    }

    .address_box > ul > li {
        float: none;
        width: 100%;
    }
    .contact_banner .form_box {
        width: 100%
    }

    .contact_banner .content_box > p {
        font-size: 20px;
    }

    .contact_banner .content_box > p span {
        margin: 0;
        font-size: 15px;
    }

    .custom_ball.type1 > li strong:after {
        background-position: center 40px !important;
    }

    .custom_ball > li:before {
        width: 140px;
        height: 140px;
    }

    .boarding_wrap > .box > .page-tit-depth3 {
        font-size: 20px;
    }

    .campaign_wrap .btn_box .btn > span {
        font-size: 12px;
    }

    .boarding_wrap > .box {
        padding: 20px;
    }

    .icon_textlist.appiont ul li .bullet_list > li:after {
        top: 17px;
    }

    .custom_ball.type2 > li:nth-of-type(1) > h3 > strong:after {
        background-position: center 33px !important;
    }

    .custom_ball.type2 > li:nth-of-type(2) > h3 > strong:after {
        background-position: center 40px !important;
    }

    .custom_ball.type2 > li:nth-of-type(3) > h3 > strong:after {
        background-position: center 40px !important;
    }

    .custom_ball.type3 > li:nth-of-type(1) > h3 > strong:after {
        background-position: center 40px !important;
    }

    .custom_ball.type3 > li:nth-of-type(2) > h3 > strong:after {
        background-position: center 29px !important;
    }

    .custom_ball.type3 > li:nth-of-type(3) > h3 > strong:after {
        background-position: center 32px !important;
    }

    .custom_ball.type4 > li:nth-of-type(1) > h3 > strong:after {
        background-position: center 35px !important;
    }

    .custom_ball.type4 > li:nth-of-type(2) > h3 > strong:after {
        background-position: center 20px !important;
    }

    .custom_ball.type1 > li strong:after {
        background-position: center 34px !important;
    }

    .board_greenline > h2 > span {
        display: inline;
        padding: 0;
    }
    .automation_list.li_circle_type > li {
        width: 100%
    }

    .automation_list.li_circle_type2 > li img,
    .automation_list.li_circle_type > li img {
        width: 50%
    }

    .automation_list.li_circle_type2 > li {
        width: 100%
    }

    .automation_list.li_circle_type2 > li img {
        width: 50%
    }
}
@media screen and (max-width:413px) {
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(2)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(3)::after,
    .sub .howto .content_box .tab .tabTit.even ul li:nth-child(4)::after {
        width: 77px;
    }
    .lifecycle_roll .rollin {
        max-width: 259px;
    }

    .lifecycle_roll .rollin ol li {
        width: 220px;
        height: auto;
        min-height: 381px;
        margin-right: 70px;
    }

    .liferoll_left,
    .liferoll_right {
        top: 337px;
    }

    .account.life_wrap .liferoll_left,
    .account.life_wrap .liferoll_right {
        top: 207px;
    }

    .accordion_tap li.on .tooltip:after {
        left: -20px;
        background: url(/images/common/tool_bullet.png) no-repeat right center;
    }

    .study_roll .liferoll_left,
    .study_roll .liferoll_right {
        top: 137px;
        width: 20px;
        height: 41px;
        background-position: right top;
        background-size: 20px;
    }

    .study_roll .liferoll_right {
        right: -20px;
    }

    .study_roll .liferoll_left {
        left: -15px;
    }
}
@media screen and (max-width:360px) {
    .pricing_wrap .tap_box ul li:nth-last-of-type(3) {
        padding: 14px 0 0 0;
    }
}
@media screen and (max-width:320px) {
    .lifecycle_roll .rollin {
        max-width: 223px;
    }

    .lifecycle_roll .rollin ol li {
        width: 180px;
        height: 400px;
        margin-right: 70px;
        box-shadow: 3px 2px 8px 2px rgba(0, 0, 0, .1);
    }

    .liferoll_left,
    .liferoll_right {
        top: 337px;
    }

    .sell_more > .content_box:after {
        max-width: 300px;
    }
}