@media (min-width: 768px) {
    .zz20 {
        margin: 0 0 0 30px;
    }

    .bt768hide {
        display: none !important;
    }

    .bt768show {
        display: block;
    }

    .hovershow {
        background-color: rgba(0, 0, 0, .4);
        position: relative;
        right: 100%;
        transition: .5s;
    }

    .pricecard-flow {
        background-color: rgba(0, 0, 0, .4);
        right: 100%;
        transition: .5s;
    }

    .modle:hover .hovershow {
        position: relative;
        right: 0%;
        transition: .5s;
    }

    .pricecard:hover .pricecard-flow {
        right: 0;
        transition: .5s;
    }
}

@media (max-width: 1200px) {
    .pricecard-out {
        justify-content: space-around;
        /* max-width: 38%; */
    }

    .pricecard {
        max-width: 38%;
    }

    #zwc{
        justify-content: flex-start;
    }

    .mgn{
        margin-left:50px;
    }
}

@media (max-width:1080px) {
    .banner-texts {
        top: 0%;
    }
}


@media (max-width:768px) {

    #zwc{
        justify-content: space-around;
    }

    .mgn{
        margin-left:0px;
    }

    .share-text span {
        line-height: 14px;
    }
    .bread .atag, .bread > li {
        font-size: 11px !important;
    }
    .bread-container{
        margin: 0;
        margin-left: 2vw;
        max-width: 94%;
        margin-top: 5px;
    }
    .mb-60{
        margin-bottom: 20px;
    }
    .lt768hide {
        display: none !important;
    }

    .lt768show {
        display: block;
    }

    .lt768fa {
        justify-content: space-around;
    }

    .pricecard {
        width: 40vw;
        max-width: 67% !important;
        min-width: 100px;
        height: 230px;
    }

    .pricecard .z1{
        max-width: 270px !important;
        max-height: 248px !important;
        width: 100% !important;
        height: 60% !important;
        overflow: hidden !important;
    }
    .pricecard .z1 img{
        width: 100% !important;
    }
    .pricecard .z2 p1{
        line-height: 0 !important;
    }
    .pricecard .z3{}
    .pricecard .z3>div{
        top: 100% !important;
        opacity: 0 !important;
    }
    .pricecard .z3>div .btnn1{
    display: none !important;
    }
    .pricecard .z3>div .btnn2{
        height: 230px !important;
    }
    .pricecard .z3>div .btnn2 a{
        height: 230px !important;
        width: 100%;
        display: block;
    }

    .title {
        margin: 30px auto 10px auto;

    }

    .bigcardtext p:first-child,
    .title {
        font-size: 20px;
    }

    .bigcardtext p {
        font-size: 14px;
    }

    .card {
        margin: 10px 0;
        width: 46%;
        min-height: 270px;
        height: auto !important;
    }

    .card2 {
        min-height: 150px;
        height: auto !important;
    }

    .bigcard>div {
        width: 92%;
    }

    .modle {
        width: 45%;
        background: none !important;
        height: auto !important;
        min-height: 210px;
        max-height: 280px;
        margin: 10px 0;
    }

    .modle .imgg {
        max-height: 140px;
        overflow: hidden;
    }

    .modle>div>div>p,
    .modle>div>div>a>p {
        width: 100%;
        color: #333;
    }

    .fleft,
    .mid,
    .fright {
        width: 100% !important;
    }

    .flex-wrap768 {
        flex-wrap: wrap;
    }

    .fleft>p,
    .mid>div>p:first-child,
    .mid>p:first-child,
    .fright>p:first-child {
        font-size: 15px !important;
        line-height: 15px;
    }

    .mid>div>p,
    .mid>p {
        font-size: 13px;
    }

    .fleft>.oneline a {
        font-size: 13px;
    }

    .footerup {
        padding-bottom: 10px;
    }

    .footerdown>div {
        padding: 5px 0;
    }

    .footerdown>div>p:first-child,
    .footerdown>div>p>span {
        font-size: 13px !important;
    }

    .banner-title1 {
        font-size: 16px;
        font-weight: 500;
        color: #F9F9F9;
        line-height: 0;
    }

    .banner-title2 {
        height: 8px;
        font-size: 12px;
        font-weight: 400;
        color: #F9F9F9;
        line-height: 1;
    }

    .banner-title3 {
        height: 10px;
        font-size: 12px;
        font-weight: 300;
        color: #F9F9F9;
        line-height: 1;
    }

    .banner .button {
        border: 0;
        border-radius: 1px;
        height: 29px;
        background: #F9F9F9;
    }

    .banner .button a {
        height: 13px;
        font-size: 12px;
        font-weight: 500;
        color: #0B98B7;
        line-height: 14px;
    }
    #zwc{
        line-height: 29px !important;
    }

    .home1 .swiper-pagination-bullet-active {
        background: #585858 !important;
    }

    .modle>div>div>p,
    .modle>div>div>a>p {
        padding: 15px 0 0 0;
    }

    .banner-texts {
        top: 5%;
    }

    .de-text {
        min-height: 40px !important;
        line-height: 40px !important;
        font-size: 14px !important;
        min-width: 110px !important;
        margin-top: 15px !important;
    }

    .k7of10 {
        width: 100%;
    }

    .toggle-menu2 ul:first-child li:first-child {
        margin-top: 10px !important;
    }

    .options {
        background-color: #F2F2F2;
        padding: 4px 6px !important;
        border: 0 !important;
        margin: 5px;
        font-size: 13px !important;
        height: 16px;
        line-height: 16px;
        color: #333333;
    }

    .btn-accept {
        width: 70%;
        height: 36px;
        padding: 10px 0 17px 0;
    }

    .btn-accept span {
        width: 100%;
        text-align: center;
        color: #FFFFFF;
        display: block;
        line-height: 36px;
        background: #037AFF;

    }

    .aboutus-text {
        margin: 30px 0 10px 0;
        font-size: 18px;
    }

    .aboutus-view {
        font-size: 13px;
        font-weight: 400;
        color: #666666;
        line-height: 20px;
    }

    .d70 {
        width: 70%;
    }

    .lt768flex-wrap {
        flex-wrap: wrap;
        justify-content: center;
        max-height: none !important;
    }

    .go20 {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .go768 {
        margin-bottom: 25px !important;
    }

    .go768-30 {
        width: 33% !important;
        height: auto !important;
    }

    .go768-30 img {
        width: 100% !important;
        height: auto !important;
    }

    .aboutus-wd p {
        margin-top: 0 !important;
        margin: 0;
        margin-left: 20px;
    }

    .jegc {
        font-size: 12px;
    }

    .aboutus-wd p:first-child a {
        font-size: 15px;
    }

    .aboutus-wd p {
        line-height: 15px;
    }

    .big-title {
        font-size: 18px;
    }

    .www {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .www span {
        margin: 0 10px;
    }

    .atc {
        border-bottom: none;
    }

    .block-c-768 {
        margin: 0 auto;
    }

    .share-text>p {
        font-size: 12px;
        line-height: 14px;
    }

    .share-text p {
        padding-left: 15px;
        padding-right: 10px;
        margin-top: 0px !important;
    }

    .share-text a {
        font-size: 14px;
        line-height: 30px;
    }

    .share-text .btnn {
        margin-top: 10px;
        margin-left: 15px;
        width: 94px;
        height: 30px;
    }

    .mt-60s{
        margin-top: 15px;
    }

    .share-text p:first-child {
        margin: 5px 0 0 0;
        font-size: 13px;
        line-height: 26px;
    }

    .share {
        height: 160px;
    }

    .wid1 {
        width: 40% !important;
        height: 160px !important;
    }

    .wid2 {
        width: 60% !important;
    }

    .share-text span {
        font-size: 12px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        display: none !important;
    }

    .lt768100 {
        max-width: 100% !important;
        width: 100%;
    }

    .myswiper-container .swiper-slide {
        width: 70% !important;
        margin: 0 5%;
    }

    .checkmore {
        min-height: 40px !important;
        height: auto !important;
        width: auto !important;
        line-height: 40px !important;
        font-size: 14px !important;
        min-width: 160px !important;
        margin-top: 15px !important;
        background: #037AFF;
        margin: 10px auto 40px auto
    }

    .checkmore a {
        color: #fff !important;
        text-align: center;
        font-size: 14px;
        line-height: 40px !important;
    }

    .question {
        width: 94%;
        border-radius: 2px;
    }

    .card-text p:first-child {
        font-size: 16px;
        line-height: 20px;
        margin: 15px 0 0 0;
    }

    .card-text p {
        font-size: 13px;
        line-height: 17px;
        margin: 5px 0
    }
    .lt768w100{
        width: 94% !important;
    }
    .sece{
        width: 75%;
        margin-left: 20px;
    }
    .twoa{
        justify-content: start !important;
    }
    .twoa a{
        margin-top: 0 !important;
    }
    .twoa a:first-child{
        margin:0 10px ;
        margin-left: 0;
        background: #037AFF;
        color: #fff;
        width: 90px !important;
        min-width: 90px !important;
        min-height: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
    }
    .twoa .a2{
        margin:0 10px ;
        width: 90px !important;
        min-width: 90px !important;
        min-height: 30px !important;
        height: 30px !important;
        line-height: 26px !important;
    }
    .de-title{
        font-size: 18px;
    }
    .zmt15{
        margin-top: 15px !important;
    }
    .title-trims {
        height: 8px;
        width: 100%;
        max-width: 60px;
    }
    .mt-60{
        margin-top: 0;
    }
}

@media(max-width:690px){
    #zwc{
        justify-content: flex-start;
    }

    .mgn{
        margin-left:10px;
        margin-right:0px;
    }
}

@media screen and (min-width:300px) and (max-width:652px){
    #zwc{
        justify-content: flex-start;
    }

    .mgn{
        margin-left:25px;
        margin-right:0px;
    }
}