/* Laptop Layout: 1200px. */
@media only screen and (min-width: 1399px) and (max-width: 2560px) {
    .serve-defend {
        min-height: 350px;
    }
    .serve-col {
        min-height: 420px;
    }
}
@media only screen and (min-width: 1201px) and (max-width: 1399px) {
    .ellipsis-container {
        display: none;
    }
}
/* Medium Layout: 992px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* home page start */
    .logo {
        display: none;
    }
    .ellipsis-container {
        display: none;
    }
    .manu-part li {
        padding-right: 16px;
    }
    .main-manu li a {
        font-size: 16px;
    }
    .search-bar {
        padding-right: 20px;
    }
    .hero-area {
        padding: 150px 0px 150px 0px;
    }
    a.primary-btn {
        font-size: 16px;
    }
    .what-we-bottom-right h4 br,.section-tittle h2 br,.ligal-prestnce-content h2 br {
        display: none;
    }
    .single-unmatched-item h4 {
        font-size: 19px;
        margin-bottom: 25px;
    }
    .ligal-prestnce-content h2 {
        font-size: 30px;
    }
    /* about page */
    .about-tittle {
        padding: 180px 0;
    }
    .mission-first-text {
        padding-top: 0;
    }

    .mission-secound-text {
        margin-top: 130px;
    }
    /* services all page start */
    .assistant-content p {
        font-size: 16px;
    }
    .clerical-services .assistant-content h4 {
        font-size: 19px;
    }
    /* services v1 page start */
    /* .page-tittle {
        padding: 150px 0 0;
    } */
    .services-v1-getin-touch {
        padding-top: 85px;
    }
    /* contact us page start */
    .apply-form {
        width: auto;
    }
    .schadul-call {
        gap: 10px;
    }
    .schdul-text p br {
        display: none;
    }
    .schadul-call{
        width: 50%;
    }
    .schadul-call:last-child {
        width: 50%;
    }
    .schdul-icon {
        height: 40px;
        width: 90px;
    }
    /* services v2 page start */
    .email-management {
        padding-top: 0;
    }
    .servicesv2-item .unmatched-icon {
        margin-bottom: 15px;
    }
    .servicesv2-item .single-unmatched-item h4 {
        margin-bottom: 15px;
    }
    .servicesv2-item .single-unmatched-item p {
        font-size: 14px;
    }

}
/* Tablet & mobile Layout: 768px. */
@media only screen and (max-width: 991px) { 
    .what-we-bottom-right h4 br,.section-tittle h2 br,.ligal-prestnce-content h2 br,.hero-content h2 br {
        display: none;
    }
    .manu-part,.ellipsis-container {
        display: none;
    }
    .get-touch-btn {
        margin-right: 50px;
    }
    .user-a {
        visibility: hidden;
    }
    .mobila-manu-area {
        display: block;
    }
    .mean-bar {
        margin-top: -45px;
    }
    .mean-container .mean-nav {
        margin-bottom: 15px;
    }
    /* contact us */
    .apply-form.contact-form {
        padding-left: 0;
    }
    
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-area {
        padding: 100px 0;
    }
    section.what-we-do {
        padding-top: 80px;
    }
    .section-tittle {
        margin-bottom: 80px;
    }
    .what-we-do-left {
        margin-bottom: 30px;
    }
    .what-we-do-right {
        margin-bottom: 30px;
    }
    section.unmatched {
        padding-top: 30px;
    }
    .single-unmatched-item h4 {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .legal-presence-area {
        padding-top: 50px;
    }
    .ligal-prestnce-content {
        margin-bottom: 30px;
    }
    .ligal-prestnce-img-bottom {
        margin-bottom: 30px;
    }
    .testmonial-area {
        padding-top: 80px;
    }
    .get-in-touch {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .get-in-touch-main { 
        padding: 30px; 
    }
    .get-in-touch-left p br {
        display: none;
    }
    .logo-part p {
        margin-bottom: 30px;
    }
    .secound-adress {
        margin-bottom: 27px;
    }
    .contact-part {
        padding-top: 50px;
    }
    .logo-part p {
        width: auto;
    }
    /* about page start */
    /* .page-tittle {
        padding: 150px 0 0;
    } */
    .page-tittle h2 {
        font-size: 52px;
    }
    .about-content-area {
        padding-top: 80px;
    }
    .over-view-text, .mission-img, .over-view-img, .mission-img {
        padding-bottom: 60px;
    }
    .missino-left-text {
        margin-bottom: 60px;
    }
    .mission-first-text {
        padding-top: 0;
    }
    .mission-secound-text {
        margin-top: 60px;
    }
    .location-area {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /* services all page start */
    .page-tittle p br {
        display: none;
    }
    /* services v1 page */
    .data-enty-img,.customer-support,.ndis-services,.email-management-img,.data-entry-content,.customer-support-img,.ndis-servies-text,.services-v1-getin-touch {
        padding-top: 80px;
    }
    /* career v1 page start */
    .career-top-content p br {
        display: none;
    }
    .career-bottom-content p br {
        display: none;
    }
    .career-apply-btn {
        padding-top: 20px;
    }
    /* career v2 */
    .apply-form {
        width: auto;
    }
    /* contact us page start */
    .contact-form-part {
        padding: 80px 0;
    }
    .apply-form.contact-form {
        padding-top: 60px;
    }
    .question-area {
        padding-left: 0;
    }
    /* services v2 page */
    .email-management {
        padding-top: 0;
    }
    .email-management2-img {
        padding-top: 60px;
    }
    .email-management2-img {
        margin-bottom: 60px;
    }
    .email-management2-content {
        padding-top: 60px;
    }
    .servicesv2-item {
        padding: 80px 0;
    }
    .servicesv2-item .unmatched-icon {
        margin-bottom: 15px;
    }
    .servicesv2-item .single-unmatched-item h4 {
        margin-bottom: 15px;
    }
    .servicesv2-item .single-unmatched-item p {
        font-size: 14px;
    }
    .calander-streamling-are {
        padding-bottom: 60px;
    }
    .calander-streamling-img {
        padding-bottom: 60px;
    }
    .improving-img {
        padding-bottom: 60px;
    }
    .servicesv2-bottom-content {
        padding-bottom: 80px;
    }
    
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 769px) {
    .hero-area {
        padding:80px 0;
    }
    .hero-content p {
        font-size: 22px;
        margin-bottom: 20px;
    }
    .hero-content h2 {
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 34px;
    }
    section.what-we-do {
        padding-top: 60px;
    }
    .what-we-do-left h4 br {
        display: none;
    }
    .what-we-do-left h4 {
       
        font-size: 24px;
       text-align: center;
    }
    .what-we-do-left h6 {
        font-size: 18px;
    }
    .what-we-do-left {
        margin-bottom: 30px;
    }
    .what-we-do-right {
        margin-bottom: 30px;
    }
    section.unmatched {
        padding-top: 40px;
    }
    .single-unmatched-item h4 {
        margin-bottom: 18px;
    }
    #index .serve {
        padding: 20px;
        min-height: 200px;
    }
    .legal-presence-area {
        padding-top: 30px;
    }
    .ligal-prestnce-content h2 {
        font-size:29px;
    }
    .ligal-prestnce-content {
        margin-bottom: 30px;
    }
    .ligal-prestnce-img-bottom {
        margin-bottom: 30px;
    }
    .testmonial-area {
        padding-top: 60px;
    }
    .get-in-touch {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .get-in-touch-main {
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
    .get-in-touch-left p br {
        display: none;
    }
    .logo-part p {
        width: auto;
    }
    .logo-part p {
        margin-bottom: 20px;
    }
    .address-part {
        padding-top: 40px;
    }
    .first-address {
        margin-bottom: 30px;
    }
    .secound-adress {
        margin-bottom: 20px;
    }
    .contact-part {
        padding-top: 20px;
    }
    /* about page start */
    .page-tittle h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .about-content-area {
        padding-top: 60px;
    }
    .over-view-text, .mission-img, .over-view-img, .mission-img {
        padding-bottom: 30px;
    }
    .missino-left-text {
        margin-bottom: 30px;
    }
    .over-view-img{
        padding-bottom: 0;
    }
    .mission-secound-text {
        margin-top: 30px;
    }
    .location-area {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    /* serices all page start */
    .virutal-assistant {
        padding-top: 60px;
    }
    .assistant-content p {
        font-size: 16px;
    }
    .technical-support, .inbound-outbound, .clerical-services, .graphic-design-services {
        padding: 60px 0;
    }
    .clerical-services .assistant-content h4 {
       font-size: 19px;
    }
    /* services v1 page */
    .services-v1-main{
        padding-top: 60px;
    }
    .data-enty-img,.customer-support,.ndis-services,.email-management-img,.data-entry-content,.customer-support-img,.ndis-servies-text,.services-v1-getin-touch {
        padding-top: 60px;
    }
    .page-btn {
        margin-top: 40px;
    }
    .services-v1-main p br {
        display: none;
    }
    .services-v1-getin-touch{
        padding-bottom: 60px;
    }
    /* career v1 page start */
    .career-top-content p br {
        display: none;
    }
    .career-bottom-content p br {
        display: none;
    }
    .career-apply-btn {
        padding-top: 15px;
    }
    /* career v2 page start */
    .career-main {
        padding: 20px 0;
    }
    .apply-form {
        width: auto;
        padding:20px;
    }
    .name-area {
        gap: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .resume-area {
        padding: 15px;
    }
    .newslatter-btn input, .terms-btn input {
        height: 20px;
        width: 20px;
    }
    .newslatter-btn span, .terms-btn span {
        font-size: 12px;
    }
    /* contact us page start */
    .page-tittle h2 br {
        display: none;
    }
    .contact-form-part {
        padding: 60px 0;
    }
    .social-link {
        margin-bottom: 30px;
    }
    .question-area {
        padding-left: 0;
    }
    .qustion-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    /* services v2 page start */
    .email-management {
        padding-top: 0;
    }
    .email-management2-img {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .email-management2-content {
        padding-top: 0;
    }
    .Solutions-offer {
        padding-bottom: 30px;
    }
    .email-management2-content h4 {
        font-size: 30px;
    }
    .servicesv2-item {
        padding: 80px 0;
    }
    .single-unmatched-item p {
        font-size: 16px;
    }
    .calander-streamling-are {
        padding-bottom: 30px;
    }
    .calander-streamling-img {
        margin-bottom: 30px;
    }
    .improving-img {
        padding-bottom: 30px;
    }
    .servicesv2-bottom-content h4 {
        font-size: 30px;
    }
    .servicesv2-bottom-content {
        padding-bottom: 80px;
    }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 180px) and (max-width: 991px) {
    .search-bar .user-a {
        width: 0;
        height: 0;
    }
    .section-tittle h2 {
        line-height: normal !important;
    }
    .section-tittle {
        text-align: center;
        margin-bottom: 20px;
    }
    .section-tittle-margin {
        margin: 10px 0 0 !important;
    }
    .submanu {
        display: none !important;
    }
    .i-news-left {
        margin-bottom: 30px;
    }
    .company-item {
        width: 100%;
    }
    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .career-v2-hero,.about-hero{
        height: 200px !important;
        padding-top: 50px;
    }
    #model .fs-7{
        font-size: 12px !important;
    }
    #model .fold-wrap {
        padding-left: 0px;
    }
    #model .classify-item,.classify-item-no-hover {
        padding: 0 0.5rem !important;
    }
    #model,#news .input-group input,button {
        font-size: 12px !important;
    }
    #model .classify-item,.classify-item-no-hover {
        margin: 0;
    }
    .model-applets {
        --n: 2;
        --gap: calc((100% - 45% * var(--n)) / var(--n) / 2);
        margin: 0 var(--gap) 20px !important;
        width: 45% !important;
    }
    .model-applets .single-unmatched-item{
        height: 248px;
    }
    .model-applets .model-mask {
        padding-top: 30px;
    }
    .model-applets .qr-code:hover {
        transform: none;
    }
    .userHead {
        width: 80px !important;
        height: 80px !important;
    }
    .userHead svg {
        width: 18px !important;
        height: 18px !important;
    }
    /* 首页 */
    .model-article {
        border-radius: 10px !important;
    }
    #index .company-01 {
        min-height: 120px;
    }
    
    #index .company-02 {
        min-height: 120px;
    }
    /* 晋丰开发平台 */
    #services2 .hero-area {
        padding: 36px 0 ;
        height: 200px;
        background: url(/static/images/jf/mobile-banner.webp) no-repeat !important;
        background-size: 100% 100% !important;
    }
    #services2 .hero-content {
        width: 60%;
    }
    #services2 .group-list .serve {
        padding: 15px !important;
    }
    #services2 .group-list .single-unmatched-item {
        height: 120px !important;
    }
    #services2 .viewprot-wrap-mobile .serve {
        padding: 15px 10px !important;
    }
    #services2 .vs .section-tittle {
        margin-bottom: 0 !important;
    }
    /* IT团队开发 */
        #team .hero-area {
            padding: 36px 0 ;
            height: 200px;
            background: url(/static/images/team/mobile-banner.webp) no-repeat !important;
            background-size: 100% 100% !important;
        }
        #team .hero-content {
            width: 60%;
        }
        #team .group-list {
            padding-bottom: 0px;
        }
        #team .group-list .serve {
            padding: 20px !important;
        }
        #team .group-list .single-unmatched-item {
            height: 120px !important;
        }
        #team .vs-list .single-unmatched-item {
            height: auto !important;
        }
        #team .viewprot-wrap-mobile .serve {
            padding: 15px 10px !important;
        }
        #team .vs .section-tittle {
            margin-bottom: 0 !important;
        }
        #team .serve-wrap .single-unmatched-item {
            height: auto !important;
            min-height: 180px;
        }
        .m-text-left {
            text-align: left !important;
        }
    /* app */
    #app .group-list .single-unmatched-item {
        height: 163px !important;
    }
    #app .group-list .serve{
        padding: 0 20px !important;
    }
    #app .single-assistant-item {
        padding: 0;
    }
    #app .single-assistant-item1 {
        min-height: 210px !important;
    }
    #app .single-assistant-item1 .assistant-content{
        padding: 10px 10px 0 !important;
    }
    #app .single-assistant-item1 .assistant-content p{
        line-height: 1.5em;
    }
    #app .assistant-img img {
        width: 100%;
        min-height: 108px;
    }
    #app .step-list .before-step {
        padding: 0 !important;
    }

    /* 软件开发 */
    #software .about-hero {
        background: url(/static/images/rjkf/banner-mobile.webp) no-repeat;
        background-position: center;
        background-size: cover;
    }
    #software .group-list .single-unmatched-item {
        height: 66px !important;
    }
    #software .step-list .back-step {
        min-height: 230px !important;
        padding: 1em !important;
    }
    #software .step-list .back-step p{
        line-height: 1.5em;
    }
    #software .industry-list .single-unmatched-item {
        height: 160px !important;
    }
    /* 小程序 */
    .ability-wrap  {
        transform: translate(0) !important;
        border-radius: 0;
        box-shadow: none;
    }
    .single-location-item {
        padding: 20px 20px 0;
    }
    .single-location-item img {
        width: 30px;
        height: 30px;
    }
    .single-location-item h4 {
        font-size: 14px;
        line-height: 12px;
    }
    .single-location-item p {
        font-size: 10px;
    }
    #about .unmatched-all-item .col-sm-6 {
        width: 50%;
    }
    #about .single-unmatched-item  {
        height: 180px;
        padding: 20px 10px;
    }
    #about .single-unmatched-item p {
        line-height: 1rem;
    }
    .banner-title {
        font-size: 10px;
        bottom: 2px !important;
    }
    .scene-list .single-unmatched-item {
        height: 100px !important;
    }
    .product-type .single-location-item {
        padding: 10px;
    }
    .product-type .single-location-item svg{
        width: 22px;
        height: 22px;
        margin-right: 5px !important;
    }
    .have-item {
        width: 50% !important;
    }
    .have-item .serve-defend-title {
        font-size: 14px;
        bottom: 10%;
    }
    .have-item .serve-defend-desc {
        font-size: 10px;
    }
    .have-item .serve-defend {
        min-height: 212px !important;
    }
    .industry-list .single-unmatched-item {
        height: 160px !important;
    }
    #news .career-v2-hero {
        background: url(/static/images/news/news-m-banner.webp) !important;
        background-size: 100% 100% !important;
    }
    #news .nav-link {
        font-size: 16px !important;
        font-weight: bold !important;
        margin-bottom: 20px;
        padding: 10px !important;
    }
    #news .cart-tag {
        text-align: left !important;
    }
    #news .career-content-area p {
        line-height: 20px !important;
    }
    #news .col-sm-2 {
        flex: 0 0 auto;
        width: 25% !important;
    }
    #news .pagination {
        justify-content: flex-start;
    }
    .apply-form.contact-form.apply-form textarea {
        height: 80px;
        margin-top: 10px;
        border: 1px solid #EEEEEE;
        font-size: 14px;
    }
    .card-white {
        background-color: #fff;
        padding: 15px !important;
    }
    .card-white-p30 {
        background-color: #fff;
        padding: 15px !important;
    }
    .card-white > * {
        font-size: 0.8em !important;
        padding: 0.5em !important;
        margin: 0.5em !important;
    }
    #contact .company-01,.company-02 {
        min-height: 120px !important;
    }
    /* 反馈表单 */
    .w3l-hotair-form input,.form-label {
      padding: 5px 10px !important;
      font-size: 10px !important;
      margin-bottom: 1em !important;
    }
    .w3l-hotair-form textarea {
      font-size: 10px !important;
      padding: 10px;
    }
    .w3l-hotair-form input,.form-label {
      padding: 5px 10px !important;
      font-size: 10px !important;
      margin-bottom: 1em !important;
    }
    .w3l-hotair-form textarea {
      font-size: 10px !important;
      padding: 10px;
    }
    .form-label {
      margin-right: 0 !important;
    }
    .form-label {
      margin-right: 0 !important;
    }
    .about-form {
      background: url('/static/img/服务保障背景.webp') no-repeat;background-size: cover;height: 420px;
    }
    .about-wrap {
      width: 40%;min-width: 282px;min-height: 282px;
    }
    .about-wrap .title {
      padding: 20px 0 10px;
    }
    .content-wthree {
      padding: 15px 10px;
    }
    /* ----- */
    /* 侧边栏 */
    #sidebar {
        min-width: 20px;
        width: 32px;
        right: 20px;
        transform: translate(0,150%);
    }
    #sidebar .sidebar-item {
        padding: 5px;
    }
    #sidebar .sidebar-item img {
        width: 15px;
        height: 15px;
        margin-bottom: 0.25em;
    }
    #sidebar .sidebar-item span {
        font-size: 10px;
    }
    #sidebar .first-sidebar span {
        writing-mode: unset;
        color: #ffffff;
        letter-spacing: normal;
        font-size: 10px;
    }
    #sidebar .affim-iframe {
        right: 40px;
        width: auto;
        height: 420px;
    }
    #sidebar .sidebar-phone,.sidebar-qrcode {
      font-size: 12px;
      padding: 5px;
    }
    /* 资讯详情 */
    #newsDetail .career-v2-hero {
        background: url(/static/images/news/news-m-banner.webp) !important;
        background-size: 100% 100% !important;
    }
    #newsDetail .picture {
        width: 100%;
    }
    /* 通用 */
    .industry-list svg {
        height: 26px !important;
        width: 26px !important;
    }
    .bg-shadow {
        border-radius: 6px !important;
        background: #FFFFFF !important;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.14) !important;
    }
    .nowrap-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow: auto;
        justify-content: flex-start !important;
    }
    .ms {
        font-size: var(--fs) !important;
        height: var(--mh) !important;
        color: var(--fc) !important;
        margin: var(--mar) !important;
        padding: var(--pad) !important;
        font-weight: var(--fw) !important;
        width: var(--mw, 100%) !important;
    }
    .pc {
        display: none !important;
    }
    .mobile {
        display: block !important;
    }
    .mobile-flex {
        display: flex !important;
    }
    .footer-area {
        padding: 20px 0 70px !important;
    }
    .contact {
        display: inline-block;
        width: 50%;
    }
    .contact svg {
        width: 16px;
        height: 16px;
    }
    .footer-wrap {
        padding: 20px 0;
        position: relative;
    }
    .footer-wrap::before {
        content: '';
        width: calc(100% - 1.5rem);
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        opacity: 0.2;
    }
    .model-w90 {
        width: 90%;
        margin: auto;
    }
}

.pc {
    display: block;
}
.mobile {
    display: none;
}
.mobile-flex {
    display: none;
}