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

.inside-title h2 {
    font-size: 26px;
    font-weight: 600
}

.inside-title span {
    color: #666;
    font-weight: 600
}

.navigation {
    text-align: center;
    margin-top: 10px
}

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

.navigation div span,
.navigation div a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #00b0b9;
    margin-right: 5px;
    margin-bottom: 5px
}

.navigation div span {
    background-color: #00b0b9;
    color: #fff
}

.prevn {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px
}

.prevn p {
    font-weight: 600
}

.prevn p:not(:last-child) {
    margin-bottom: 10px
}

.prevn p a {
    font-weight: 500
}

@media (min-width:768px) {
    .inside-title h2 {
        font-size: 28px
    }

    .navigation {
        margin-top: 20px
    }

    .prevn {
        display: flex;
        margin-top: 25px;
        padding-top: 25px;
        justify-content: space-between
    }

    .prevn p {
        flex: 1;
        font-size: 16px;
        text-align: right
    }

    .prevn p:not(:last-child) {
        margin-bottom: 0;
        margin-right: 20px;
        text-align: left
    }
}

@media (min-width:992px) {
    .inside-title h2 {
        font-size: 32px
    }

    .inside-title span {
        font-size: 16px
    }

    .navigation {
        margin-top: 30px
    }
}

.details-header {
    background-color: #fff;
    border-bottom: 2px solid #00B0B9;
    position: relative
}

.details-header::after {
    content: '';
    position: absolute;
    background-color: #FF9800;
    height: 2px;
    width: 50%;
    bottom: -2px;
    right: 0
}

.details-header .navbar-light .navbar-toggler {
    border-color: #ccc
}

.details-header .navbar .navbar-collapse {
    background-color: rgba(0, 0, 0, 0.5)
}

.details-header .navbar .navbar-collapse .header-navs>li>a {
    color: #fff;
    font-weight: 600
}

.details-header .navbar .navbar-collapse .header-navs>li .navdown {
    background-color: rgba(0, 0, 0, 0.5)
}

.details-header .navbar .navbar-collapse .header-navs>li .navdown li a {
    color: #fff
}


@media (min-width:992px) {
    .details-header::after {
        width: 50%
    }

    .details-header .navbar .navbar-collapse {
        background-color: #fff
    }

    .details-header .navbar .navbar-collapse .header-navs>li>a {
        color: #000;
        font-weight: 600
    }

    .details-header .navbar .navbar-collapse .header-navs>li>a:hover {
        color: #00B0B9
    }

    .details-header .navbar .navbar-collapse .header-navs>li .navdown {
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 99
    }

    .details-header .navbar .navbar-collapse .header-navs>li .navdown li a {
        color: #fff
    }

}

@media (min-width:1200px) {
    

    .details-header::after {
        width: 30%
    }
}

.brandstory {
    padding: 35px 0
}

.brandstory .brandstory-title {
    text-align: center
}

.brandstory .brandstory-title h2 {
    font-size: 26px;
    font-weight: 600
}

.brandstory .brandstory-box {
    padding: 30px 0 0
}

.brandstory .brandstory-box .brandstory-desic h3 {
    font-size: 22px;
    font-weight: 600;
    border-bottom: 5px solid #FF9800;
    width: fit-content;
    padding-right: 10px;
    margin-bottom: 10px
}

.brandstory .brandstory-box .brandstory-desic p {
    color: #646464
}

.brandstory .brandstory-box .brandstory-list {
    margin-top: 20px
}

.brandstory .brandstory-box .brandstory-list .brandstory-items {
    border-top: 3px solid #FF9800;
    padding: 10px 0 0;
    margin-bottom: 20px;
    box-shadow: 2px 2px 5px #ccc
}


.brandstory .brandstory-box .brandstory-list .brandstory-items .items-left {
    text-align: center;
    margin-bottom: 5px
}

.brandstory .brandstory-box .brandstory-list .brandstory-items .items-left li {
    font-weight: 600;
    font-size: 16px
}

.brandstory .brandstory-box .brandstory-list .brandstory-items figure {
    margin-bottom: 0;
    overflow: hidden
}

.brandstory .brandstory-box .brandstory-list .brandstory-items figure img {
    transition: all .6s
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 {
    border-top: 3px solid #FF9800;
    padding: 10px 0 0;
    box-shadow: 2px 2px 5px #ccc
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 {
    margin-bottom: 10px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5 {
    font-size: 42px;
    color: #C8C8C8;
    position: relative;
    width: fit-content
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 2px;
    width: 200%;
    height: 2px;
    background-color: #C8C8C8
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right {
    display: flex;
    flex-direction: column
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right span {
    font-weight: 600;
    font-size: 14px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one figure {
    overflow: hidden;
    margin: 0
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one figure img {
    transition: all .6s;
    width: 100%
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items {
    margin-top: 15px
}


.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items ul {
    margin-bottom: 10px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items ul li {
    font-weight: 600;
    font-size: 14px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items figure {
    overflow: hidden
    margin-bottom: 0;
}

.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items figure img {
    transition: all .6s
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 {
    border-top: 3px solid #FF9800;
    padding: 10px 0 0;
    box-shadow: 2px 2px 5px #ccc
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 {
    margin-bottom: 10px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5 {
    font-size: 42px;
    color: #C8C8C8;
    position: relative;
    width: fit-content
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5::after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 2px;
    width: 200%;
    height: 2px;
    background-color: #C8C8C8
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right {
    display: flex;
    flex-direction: column
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right span {
    font-size: 14px;
    font-weight: 600
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one figure {
    overflow: hidden;
    margin: 0
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one figure img {
    transition: all .6s;
    width: 100%
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items {
    margin-top: 15px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul {
    margin-bottom: 10px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul li {
    font-weight: 600;
    font-size: 14px
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure {
    overflow: hidden
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img {
    transition: all .6s
}

.brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img:not(:last-child) {
    margin-bottom: 10px
}

@media (min-width:768px) {
    .brandstory {
        padding: 55px 0
    }

    .brandstory .brandstory-title h2 {
        font-size: 26px
    }

    .brandstory .brandstory-box .brandstory-desic h3 {
        padding-right: 20px
    }

    .brandstory .brandstory-box .brandstory-desic p {
        font-size: 15px
    }

    .brandstory .brandstory-box .brandstory-list {
        /*background: url(../images/brandstory1-bg.png) no-repeat center top / cover;*/
        margin-top: 30px;
        padding: 0 20px;
        position: relative;
    }
    
    .brandstory .brandstory-box .brandstory-list::before {
        content: '';
        position: absolute;
        height: 100%;
        left: 0;
        width: 3px;
        background-color: #FF9800;
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items {
        border-top: none;
        padding: 10px 0 0;
        margin-bottom: 20px;
        box-shadow: none;
        display: flex;
        align-items: center
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left {
        margin-right: 20px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left::before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: #FF9800;
        left: -28px;
        top: 8px;
        position: absolute;
        border-radius: 100%
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(2) {
        flex-direction: row-reverse
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(2) .items-left {
        margin-left: 20px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items .items-left {
        text-align: left;
        margin-bottom: 0;
        min-width: 205px;
        max-width: 205px;
        position: relative
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items .items-left li {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 {
        border-top: none;
        padding: 35px 0 0;
        box-shadow: none
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        text-align: right
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5 {
        font-size: 52px
        position: relative;
    }
    
    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::before{
        content: '';
        width: 20px;
        height: 20px;
        background-color: #FF9800;
        left: -28px;
        top: 8px;
        position: absolute;
        border-radius: 100%
     }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::after {
        bottom: 7px;
        left: 2px;
        width: 200%;
        height: 2px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right {
        display: flex;
        flex-direction: column;
        position: relative
    }

    /*.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right::after {*/
    /*    content: '';*/
    /*    width: 20px;*/
    /*    height: 20px;*/
    /*    background-color: #FF9800;*/
    /*    left: -325px;*/
    /*    top: 8px;*/
    /*    position: absolute;*/
    /*    border-radius: 100%*/
    /*}*/

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right span {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-box {
        display: flex
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items {
        margin-top: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items:not(:last-child) {
        margin-right: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items ul {
        margin-bottom: 10px;
        min-height: 126px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items ul li {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items figure {
        overflow: hidden
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items figure img {
        transition: all .6s
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 {
        border-top: none;
        padding: 15px 0 0;
        box-shadow: none
    }


    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 {
        margin-bottom: 10px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5 {
        font-size: 52px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5::after {
        content: '';
        position: absolute;
        bottom: 7px;
        left: 2px;
        width: 200%;
        height: 2px;
        background-color: #C8C8C8
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right {
        display: flex;
        flex-direction: column;
        position: relative
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right::before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: #FF9800;
        left: -28px;
        top: 8px;
        position: absolute;
        border-radius: 100%
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right span {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items {
        margin-top: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul {
        margin-bottom: 10px;
        position: relative
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul::before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: #FF9800;
        left: -28px;
        top: 8px;
        position: absolute;
        border-radius: 100%
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul li {
        font-size: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul li:first-child {
        font-size: 17px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure {
        display: flex;
        align-items: center;
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img {
        width: 50%;
        padding: 5px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img:first-child {
        margin-bottom: 0
    }
}

@media (min-width:992px) {
    .brandstory {
        padding: 65px 0
    }

    .brandstory .brandstory-title h2 {
        font-size: 26px
    }

    .brandstory .brandstory-box .brandstory-desic h3 {
        padding-right: 20px
    }

    .brandstory .brandstory-box .brandstory-desic p {
        font-size: 15px
    }

    .brandstory .brandstory-box .brandstory-list {
        margin-top: 50px;
        padding: 0 30px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items {
        border-top: none;
        padding: 10px 0 0;
        margin-bottom: 20px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left {
        margin-right: 30px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left::before {
        left: -38px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(2) {
        flex-direction: row-reverse
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(2) .items-left {
        margin-left: 30px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items .items-left {
        text-align: left;
        margin-bottom: 0;
        min-width: 255px;
        max-width: 255px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items .items-left li {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 {
        padding: 55px 0 0;
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one {
        margin-bottom: 20px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 {
        margin-bottom: 10px;
        align-items: center
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5 {
        font-size: 82px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::after {
        width: 150%
    }

    /*.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right::after {*/
    /*    right: -38px*/
    /*}*/
    
    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::before{
        left: -38px;
     }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items {
        margin-top: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items:not(:last-child) {
        margin-right: 25px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-items ul {
        margin-bottom: 25px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 {
        padding: 55px 0 0
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 {
        margin-bottom: 30px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5 {
        margin-bottom: 20px;
        font-size: 82px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5::after {
        width: 150%
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right {
        display: flex;
        flex-direction: column
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right::before {
        left: -38px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right span {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items {
        margin-top: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul {
        margin-bottom: 10px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul::before {
        left: -38px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul li {
        font-size: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure {
        display: flex
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img {
        width: 50%;
        padding: 5px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items figure img:first-child {
        margin-bottom: 0
    }
}

@media (min-width:1200px) {
    .brandstory .brandstory-title h2 {
        font-size: 29px
    }

    .brandstory .brandstory-title span {
        font-size: 15px
    }

    .brandstory .brandstory-box .brandstory-desic h3 {
        margin-bottom: 20px
    }

    .brandstory .brandstory-box .brandstory-list {
        margin-top: 50px;
        padding: 0 40px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left {
        margin-right: 50px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(1) .items-left::before {
        left: -48px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items:nth-child(2) .items-left {
        margin-left: 50px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-items .items-left {
        min-width: 285px;
        max-width: 285px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 {
        padding: 105px 0 0;
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5 {
        font-size: 102px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::after {
        bottom: 17px
    }

    /*.brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 .top-right::after {*/
    /*    right: -48px*/
    /*}*/
    
    .brandstory .brandstory-box .brandstory-list .brandstory-2019 .brandstory-2019-one .top-2019 h5::before{
        left: -48px;
     }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 {
        padding: 105px 0 0
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 {
        margin-bottom: 30px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5 {
        margin-bottom: 20px;
        font-size: 102px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 h5::after {
        bottom: 17px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right::before {
        left: -48px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-one .top-2020 .top-right span {
        font-size: 16px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items {
        margin-top: 25px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul {
        margin-bottom: 15px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul::before {
        left: -48px
    }

    .brandstory .brandstory-box .brandstory-list .brandstory-2020 .brandstory-2020-items ul li {
        font-size: 16px
    }
}

@media(min-width: 1920px) {
    .brandstory .container {
        max-width: 1140px;
    }
}

.joinvip {
    background-color: #E7E7E7;
    padding: 35px 0
}

.joinvip .joinvip-box .joinvip-left {
    margin-bottom: 30px
}

.joinvip .joinvip-box .joinvip-left .left-title {
    text-align: center
}

.joinvip .joinvip-box .joinvip-left .left-title li {
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 5px
}

.joinvip .joinvip-box .joinvip-left .inquire-form {
    position: relative;
    text-align: center;
    width: fit-content;
    width: 100%;
    max-width: 355px;
    margin: 20px auto
}

.joinvip .joinvip-box .joinvip-left .inquire-form input {
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    border: none
}

.joinvip .joinvip-box .joinvip-left .inquire-form button {
    position: absolute;
    height: 100%;
    border: none;
    background-color: transparent;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.joinvip .joinvip-box .joinvip-left .inquire-form button img {
    width: 20px
}

.joinvip .joinvip-box .joinvip-left .inquire-right {
    background-color: #FF9800;
    display: flex;
    align-items: center;
}

.joinvip .joinvip-box .joinvip-left .inquire-right img {
    cursor: pointer;
}

.joinvip .joinvip-box .joinvip-left .inquire-right .inquire-right-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.joinvip .joinvip-box .joinvip-left .inquire-right .inquire-right-txt span {
    font-size: 18px
}

.joinvip .joinvip-box .joinvip-left .inquire-right .inquire-right-txt h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0
}

.joinvip .joinvip-box .joinvip-right {
    text-align: center
}

.joinvip .joinvip-box .joinvip-right img {
    max-width: 260px
}

.joinvip .joinvip-box .joinvip-right .joinvip-right-bot {
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    padding-left: 75px
}

.joinvip .joinvip-box .joinvip-right .joinvip-right-bot span {
    background: url(../images/info_2wmtxt_bg.jpg) no-repeat left top / cover;
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0 18px
}

@media (min-width:768px) {
    .joinvip {
        padding: 55px 0
    }

    .joinvip .joinvip-box .joinvip-left {
        margin-bottom: 0
    }

    .joinvip .joinvip-box .joinvip-left .inquire-right {
        max-width: 355px;
        margin: 0 auto
    }

    .joinvip .joinvip-box .joinvip-right img {
        max-width: 280px
    }
}

@media (min-width:992px) {
    .joinvip {
        padding: 70px 0
    }

    .joinvip .joinvip-box .joinvip-left {
        margin-bottom: 0
    }

    .joinvip .joinvip-box .joinvip-left .left-title li {
        font-size: 30px
    }

    .joinvip .joinvip-box .joinvip-right img {
        max-width: 310px
    }

    .joinvip .joinvip-box .joinvip-right .joinvip-right-bot {
        padding-left: 90px
    }
}

.pagefloat {
    position: fixed;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}

.pagefloat .pagefloat-ulst li {
    width: 64px;
    margin-bottom: 5px;
    cursor: pointer;
    position: relative
}

.pagefloat .pagefloat-ulst li:last-child {
    background-color: #FF9800;
    padding: 5px
}

.pagefloat .pagefloat-ulst li a {
    display: block
}

.pagefloat .pagefloat-ulst li:hover .lifloat {
    display: block
}

.pagefloat .pagefloat-ulst li .lifloat {
    position: absolute;
    left: -200px;
    bottom: 0;
    display: none
}

.gotop {
    display: none;
    position: fixed;
    bottom: 50px;
    right: 15px;
    cursor: pointer;
    z-index: 999
}

.gotop:hover img {
    transform: scale(1.1)
}

.gotop img {
    max-width: 50px;
    transition: all .6s
}

@media (min-width:768px) {
    .gotop {
        right: 25px
    }
}

@media (min-width:992px) {
    .gotop {
        right: 35px
    }
}

@media (min-width:1200px) {
    .gotop {
        right: 85px
    }
}

.exproduct {
    padding: 35px 0
}

.exproduct .exproduct-box {
    margin-top: 30px
}

.exproduct .exproduct-box .exproduct-items {
    text-align: center;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px
}

.exproduct .exproduct-box .exproduct-items:hover a:first-child img {
    transform: scale(1.05)
}

.exproduct .exproduct-box .exproduct-items a {
    display: block;
    font-weight: 600;
    color: #666
}

.exproduct .exproduct-box .exproduct-items a:first-child {
    box-shadow: 2px 5px 10px #ccc;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden
}

.exproduct .exproduct-box .exproduct-items a:first-child img {
    transition: all .6s
}

.newsproduct .exproduct-box .exproduct-items a:first-child {
    box-shadow: none
}
/* .newsproducthuiyuan28 .exproduct-box .exproduct-items {
    max-width: 90%;
    flex: 0 0 90%;
} */

@media (min-width:768px) {
    .exproduct {
        padding: 55px 0
    }

    .exproduct .exproduct-box {
        margin-top: 40px
    }

    .exproduct .exproduct-box .exproduct-items {
        margin-bottom: 25px
    }

    .exproduct .exproduct-box .exproduct-items a {
        font-size: 15px
    }

    .exproduct .exproduct-box .exproduct-items a:first-child {
        margin-bottom: 20px
    }
    /* .newsproducthuiyuan28 .exproduct-box .exproduct-items {
        flex: 0 0 60%;
    } */
}

@media (min-width:992px) {
    .exproduct {
        padding: 65px 0
    }

    .exproduct .exproduct-box {
        margin-top: 50px
    }

    .exproduct .exproduct-box .exproduct-items {
        margin-bottom: 30px
    }

    .exproduct .exproduct-box .exproduct-items a {
        font-size: 16px
    }
}

@media (min-width:1200px) {
    .exproduct {
        padding: 75px 0 100px
    }

    .exproduct .exproduct-box {
        margin-top: 60px
    }
}

.joinus {
    padding: 35px 0
}

.joinus .joinus-box {
    margin-top: 30px
}

.joinus .joinus-box .joinus-top {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px
}

.joinus .joinus-box .joinus-top .joinus-top-left {
    margin-bottom: 15px
}

.joinus .joinus-box .joinus-top .joinus-top-left ul li {
    /* color: #707070; */
    line-height: 1.6;
    font-size: 15px;
    font-weight: normal
}

.joinus .joinus-box .joinus-top .joinus-top-left ul li:not(:last-child) {
    margin-bottom: 15px
}

.joinus .joinus-box .joinus-top .joinus-top-right figure {
    overflow: hidden
}

.joinus .joinus-box .joinus-top .joinus-top-right figure img {
    transition: all .6s
}

.joinus .joinus-box .joinus-bot {
    margin-top: 25px
}

.joinus .joinus-box .joinus-bot .joinus-bot-items {
    margin-bottom: 25px
}

.joinus .joinus-box .joinus-bot .joinus-bot-items>h5,
.joinus .joinus-box .joinus-bot .joinus-bot-items>span {
    font-weight: 600;
    font-size: 17px;
    margin-bottom: 0
}

.joinus .joinus-box .joinus-bot .joinus-bot-items>p {
    font-size: 16px;
    line-height: 1.5;
    /* color: #666; */
    padding-bottom: 10px;
    border-bottom: 1px dashed #ccc
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards {
    background-color: #E1E1E1;
    padding: 30px;
    border-radius: 10px;
    position: relative;
    /* max-width: 390px */
}

.joinus .joinus-box .joinus-bot .joinus-bot-cardsbb::after {
    content: '';
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    z-index: 1;
    line-height: 1;
    width: 92%;
    height: 40%;
    max-width: 100%;
    background: url(../images/joinus-bot-font2.png) no-repeat center center;
    background-size: contain;
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards li {
    position: relative;
    z-index: 2;
    font-size: 15px
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards li h5 {
    /* font-weight: 600; */
    font-size: 16px;
    margin-bottom: 0
}
.joinus .joinus-box .joinus-bot .joinus-bot-cards li h5 a {
    font-weight: 600;
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards li span {
    /* font-weight: 600; */
    font-size: 15px
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards li:not(:last-child) {
    margin-bottom: 15px
}

.joinus .joinus-box .joinus-bot .joinus-bot-cards li:first-child {
    display: flex;
    align-items: center;
    /* justify-content: space-between */
}
.joinus .joinus-box .joinus-bot .joinus-bot-cards li:first-child h5 {
    margin-left: 30px;
}
.joinus-bot-cardstt {
    margin-bottom: 30px;
}
.joinus22 .joinus-box .joinus-top .joinus-top-left ul li,
.buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li span,
.buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-top p,
.buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-center p {
    color: #333;
}

@media (min-width:768px) {
    .joinus {
        padding: 45px 0
    }

    .joinus .joinus-box {
        margin-top: 40px
    }

    .joinus .joinus-box .joinus-top {
        padding-bottom: 30px
    }

    .joinus .joinus-box .joinus-top .joinus-top-left {
        margin-bottom: 0
    }

    .joinus .joinus-box .joinus-bot {
        margin-top: 35px
    }

    .joinus .joinus-box .joinus-bot .joinus-bot-items>p {
        font-size: 16px;
        padding-bottom: 10px;
        border-bottom: none
    }
}

@media (min-width:992px) {
    .joinus {
        padding: 55px 0
    }

    .joinus .joinus-box {
        margin-top: 50px
    }

    .joinus .joinus-box .joinus-top {
        padding-bottom: 40px
    }

    .joinus .joinus-box .joinus-top .joinus-top-left {
        padding-top: 20px
    }

    .joinus .joinus-box .joinus-top .joinus-top-left ul li {
        font-size: 16px
    }

    .joinus .joinus-box .joinus-top .joinus-top-left ul li:not(:last-child) {
        margin-bottom: 25px
    }

    .joinus .joinus-box .joinus-bot {
        margin-top: 40px
    }

    .joinus .joinus-box .joinus-bot .joinus-bot-items {
        margin-bottom: 35px
    }

    .joinus .joinus-box .joinus-bot .joinus-bot-items>p,
    .joinus .joinus-box .joinus-bot .joinus-bot-items>h5,
    .joinus .joinus-box .joinus-bot .joinus-bot-items>span {
        font-size: 18px
    }

    .joinus .joinus-box .joinus-bot .joinus-bot-cards li,
    .joinus .joinus-box .joinus-bot .joinus-bot-cards li span,
    .joinus .joinus-box .joinus-bot .joinus-bot-cards li h5 {
        font-size: 20px
    }

    .joinus .joinus-box .joinus-bot .joinus-bot-cards li:not(:last-child) {
        margin-bottom: 20px
    }
    .joinus .joinus-box .joinus-bot .joinus-botlrt {
        padding: 0;
    }
    .joinus .joinus-box .joinus-bot .joinus-bot-items {
        min-height: 300px;
        padding-right: 20px;
    }
    .joinus .joinus-box .joinus-bot .joinus-bot-items>p {
        line-height: 2.2;
    }
    .joinus .joinus-box .joinus-bot .joinus-bot-cards li:first-child,
    .joinus .joinus-box .joinus-bot .joinus-bot-cards li:first-child span,
    .joinus .joinus-box .joinus-bot .joinus-bot-cards li:first-child h5 {
        font-size: 22px;
    }
}

@media (min-width:1200px) {
    .joinus {
        padding: 65px 0
    }

    .joinus .joinus-box {
        margin-top: 60px
    }

   

    .joinus .joinus-box .joinus-top .joinus-top-left ul li {
        font-size: 18px
    }

    .joinus .joinus-box .joinus-top .joinus-top-left ul li:not(:last-child) {
        margin-bottom: 35px
    }
}
@media (min-width: 1200px) {
    .joinus22 .joinus-box .joinus-top .joinus-top-left ul li {
        line-height: 2.2;
        font-size: 20px;
    }
}
@media (min-width: 992px) {
    .joinus22 .joinus-box .joinus-top .joinus-top-right {padding: 0;text-align: right;}
}

@media (max-width: 1599px) and (min-width: 1200px) {
    .joinus .joinus-box .joinus-bot .joinus-bot-cardsbb::after {
        height: 30%;
    }
}

.vipinside .vipinside-top {
    padding: 35px 0
}

.vipinside .vipinside-top .vipinside-top-box {
    margin-top: 35px
}

.vipinside .vipinside-top .vipinside-top-box .col-6 {
    padding-left: 10px;
    padding-right: 10px
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items {
    /*url(../images/vip-border.png) no-repeat left center / cover*/
    background: #00B3BB ;
    padding: 30px 10px;
    min-height: 236px;
    margin-bottom: 15px;
    border-radius: 15px;
    transition: all .6s;
    cursor: pointer
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items:hover {
    box-shadow: 2px 10px 10px #ccc
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items figure {
    text-align: center
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items figure img {
    width: 50px
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li {
    text-align: center;
    color: #fff;
    opacity: .8
}

.vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li:first-child {
    font-weight: 600;
    opacity: 1;
    font-size: 16px
}

.vipinside .vipinside-bot {
    padding: 0 0 35px
}

.vipinside .vipinside-bot .vipinside-bot-box {
    margin-top: 35px
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct {
    margin-bottom: 25px
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct span {
    font-size: 15px;
    display: block;
    color: #666;
    font-weight: 600;
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst:not(:last-child) {
    margin-bottom: 20px
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst .vipinside-bot-ulst-title h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
    margin-bottom: 0
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst li {
    display: flex;
    color: #999;
    /*font-weight: 600*/
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst li:not(:last-child) {
    margin-bottom: 5px
}

.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst li span {
    margin-right: 10px
}

@media (min-width:768px) {
    .vipinside .vipinside-top {
        padding: 45px 0
    }

    .vipinside .vipinside-top .vipinside-top-box {
        margin-top: 45px
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items {
        padding: 30px 10px
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items figure img {
        width: 60px
    }

    .vipinside .vipinside-bot {
        padding: 0 0 45px
    }

    .vipinside .vipinside-bot .vipinside-bot-box {
        margin-top: 45px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct {
        margin-bottom: 35px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct h3 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-direct span {
        font-size: 16px;
    }

    /*.vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst {*/
    /*    padding-left: 50px*/
    /*}*/

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst:not(:last-child) {
        margin-bottom: 20px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst .vipinside-bot-ulst-title h5 {
        font-size: 18px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst li:not(:last-child) {
        margin-bottom: 5px
    }

    .vipinside .vipinside-bot .vipinside-bot-box .vipinside-bot-ulst li span {
        margin-right: 15px
    }
}

@media (min-width:992px) {
    .vipinside .vipinside-top {
        padding: 55px 0
    }

    .vipinside .vipinside-top .vipinside-top-box {
        margin-top: 55px
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items {
        padding: 30px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 180px;
        border-radius: 10px
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li {
        text-align: left
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li:first-child {
        font-size: 18px
    }

    .vipinside .vipinside-bot {
        padding: 0 0 55px
    }

    .vipinside .vipinside-bot .vipinside-bot-box {
        margin-top: 55px
    }
}

@media (min-width:1200px) {
    .vipinside .vipinside-top {
        padding: 65px 0
    }

    .vipinside .vipinside-top .vipinside-top-box {
        max-width: 1005px;
        margin: 65px auto 0
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items {
        margin-right: 15px;
        /*url(../images/vip-border.png) no-repeat left top / cover*/
        background: #00B3BB;
        min-height: 155px;
        padding: 15px 10px;
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items figure {
       flex: 1;
        margin-bottom: 0;
    }
    
    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul {
        flex: 1;
    }

    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li {
        text-align: left;

    }
    
    
    .vipinside .vipinside-top .vipinside-top-box .vipinside-top-items ul li:first-child {
        font-size: 18px;
    }

    .vipinside .vipinside-bot {
        padding: 0 0 65px;
    }

    .vipinside .vipinside-bot .vipinside-bot-box {
        margin-top: 65px;
    }
}

.buscoop {
    padding: 35px 0;
}

.buscoop .buscoop-box {
    margin-top: 30px;
}

.buscoop .buscoop-box .col-12:not(:last-child) {
    margin-bottom: 30px;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 20px
}

.buscoop .buscoop-box .col-12 .buscoop-items {
    max-width: 270px;
    min-width: 270px;
    margin: 0 auto;
    transition: all .6s;
}
.buscoop22 .buscoop-box .col-12 .buscoop-items {
    padding-bottom: 20px;
}

.buscoop .buscoop-box .col-12 .buscoop-items:hover {
    transform: translateY(-10px);
    box-shadow: 2px 10px 10px #ccc;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top {
    padding: 30px 15px;
    height: 295px;
    position: relative;
    border-bottom-right-radius: 120px;
}
.buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-top {
    height: 260px;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top h3 {
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top p {
    position: relative;
    z-index: 2;
    font-weight: 600;
    color: #666;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-center {
    margin: 20px 0 30px;
    padding: 0 15px;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-center h5 {
    font-size: 16px;
    font-weight: 600;
}

.buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-center p {
    /* color: #666; */
    font-weight: 600;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot {
    padding: 0 15px;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot h4 {
    font-weight: 600;
    text-align: center;
    padding: 10px 0;
    border-radius: 50px;
    font-size: 18px;
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul {
    margin-top: 20px
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li:not(:last-child) {
    margin-bottom: 15px
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li h6 {
    font-weight: 600;
    font-size: 16px
}

.buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li span {
    color: #666;
    font-weight: 600
}

.buscoop .buscoop-box .col-12:nth-child(1) .buscoop-items-top {
    background-color: #E1F8F8
}

.buscoop .buscoop-box .col-12:nth-child(1) .buscoop-items-top::after {
    width: 195px;
    height: 175px;
    background: url(../images/bus-icon1.png) no-repeat center center / cover
}

.buscoop .buscoop-box .col-12:nth-child(1) .buscoop-items-bot h4 {
    background-color: #E1F8F8
}

.buscoop .buscoop-box .col-12:nth-child(2) .buscoop-items-top {
    background-color: #FFF4E3
}

.buscoop .buscoop-box .col-12:nth-child(2) .buscoop-items-top::after {
    width: 245px;
    height: 195px;
    background: url(../images/bus-icon2.png) no-repeat center center / cover
}

.buscoop .buscoop-box .col-12:nth-child(2) .buscoop-items-bot h4 {
    background-color: #FFF4E3
}

.buscoop .buscoop-box .col-12:nth-child(3) .buscoop-items-top {
    background-color: #FDE3F3
}

.buscoop .buscoop-box .col-12:nth-child(3) .buscoop-items-top::after {
    width: 100%;
    height: 270px;
    background: url(../images/bus-icon3.png) no-repeat center center / cover
}

.buscoop .buscoop-box .col-12:nth-child(3) .buscoop-items-bot h4 {
    background-color: #FDE3F3
}

.buscoop .buscoop-direct {
    margin-top: 30px;
    display: flex;
    flex-direction: column
}

.buscoop .buscoop-direct h5 {
    font-weight: 600
}

.buscoop .buscoop-direct span {
    color: #666
}

@media (min-width:768px) {
    .buscoop {
        padding: 45px 0
    }

    .buscoop .buscoop-box {
        margin-top: 40px
    }

    .buscoop .buscoop-box .col-12:not(:last-child) {
        margin-bottom: 30px;
        border-bottom: 2px dashed #ccc;
        padding-bottom: 25px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top {
        padding: 30px 15px;
        height: 295px
    }
    .buscoop22 .buscoop-box .col-12 .buscoop-items .buscoop-items-top {
        height: 260px;
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top h3 {
        font-size: 22px;
        margin-bottom: 25px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-top p {
        font-size: 15px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-center {
        margin: 30px 0 50px;
        min-height: 120px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-center h5 {
        font-size: 17px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-center p {
        font-size: 15px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot {
        min-height: 215px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot h4 {
        padding: 10px 0;
        font-size: 18px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul {
        margin-top: 25px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li:not(:last-child) {
        margin-bottom: 20px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li h6 {
        font-size: 17px
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot ul li span {
        font-size: 15px
    }

    .buscoop .buscoop-direct {
        margin-top: 35px
    }

    .buscoop .buscoop-direct h5 {
        font-size: 18px
    }

    .buscoop .buscoop-direct span {
        font-size: 15px
    }
}

@media (min-width:992px) {
    .buscoop {
        padding: 55px 0
    }

    .buscoop .buscoop-box {
        margin-top: 50px
    }

    .buscoop .buscoop-box .col-12:not(:last-child) {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
        border-right: 2px dashed #ccc
    }

    .buscoop .buscoop-box .col-12 .buscoop-items .buscoop-items-bot h4 {
        padding: 15px 0;
        font-size: 20px
    }

    .buscoop .buscoop-direct {
        margin-top: 55px
    }
}

@media (min-width:1200px) {
    .buscoop {
        padding: 75px 0
    }

    .buscoop .buscoop-box {
        margin-top: 60px
    }

    .buscoop .buscoop-direct {
        padding-left: 40px
    }
}

.honawar .honawar-box .honawar-items {
    align-items: center
}

.honawar .honawar-box .honawar-items:nth-child(even) {
    flex-direction: row-reverse
}

.honawar .honawar-box .honawar-items:nth-child(even) .honawar-items-left {
    align-items: flex-end;
    display: flex;
    flex-direction: column
}

.honawar .honawar-box .honawar-items .col-6 {
    padding-left: 10px;
    padding-right: 10px
}

.honawar .honawar-box .honawar-items .honawar-items-left {
    text-align: left
}

.honawar .honawar-box .honawar-items .honawar-items-left h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px
}

.honawar .honawar-box .honawar-items .honawar-items-left h3 span {
    font-weight: 700;
    margin-right: 5px;
    font-size: 27px
}

.honawar .honawar-box .honawar-items .honawar-items-left>span {
    display: block;
    color: #666;
    font-size: 14px;
}

.honawar .honawar-box .honawar-items .honawar-items-left h5 {
    font-weight: 600;
    font-size: 16px;
    position: relative;
    width: fit-content;
    padding-right: 10px;
}

.honawar .honawar-box .honawar-items .honawar-items-left h5::after {
    content: '';
    position: absolute;
    bottom: -2px;
    height: 8px;
    width: 100%;
    background-color: #FF9805;
    left: 0;
    border-radius: 10px;
    z-index: -1
}

@media (min-width:768px) {
    .honawar .honawar-box .honawar-items .honawar-items-left h3 {
        font-size: 32px;
        margin-bottom: 30px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left h3 span {
        margin-right: 5px;
        font-size: 36px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left>span {
        font-size: 16px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left h5 {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .honawar .container {
        max-width: 820px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left h3 {
        font-size: 38px;
        margin-bottom: 40px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left h3 span {
        margin-right: 5px;
        font-size: 40px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left>span {
        font-size: 16px
    }

    .honawar .honawar-box .honawar-items .honawar-items-left h5 {
        font-size: 22px
    }
}

.community .community-box {
    padding: 35px 0
}

.community .community-box .community-top {
    margin-bottom: 35px
}

.community .community-box .community-top .community-top-box {
    margin-top: 30px
}

.community .community-box .community-top .community-top-box .community-top-left {
    margin-bottom: 30px
}

.community .community-box .community-top .community-top-box .community-top-left li:not(:last-child) {
    margin-bottom: 30px
}

.community .community-box .community-top .community-top-box .community-top-left li h5,
.community .community-box .community-top .community-top-box .community-top-left li h3 {
    font-weight: 600;
    position: relative;
    width: fit-content;
    padding-right: 10px
}

.community .community-box .community-top .community-top-box .community-top-left li h5::after,
.community .community-box .community-top .community-top-box .community-top-left li h3::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 6px;
    width: 100%;
    z-index: -1
}

.community .community-box .community-top .community-top-box .community-top-left li h5 {
    font-size: 18px;
    margin-bottom: 10px
}

.community .community-box .community-top .community-top-box .community-top-left li h5::after {
    background-color: #00B3BB
}

.community .community-box .community-top .community-top-box .community-top-left li h3 {
    font-size: 24px
}

.community .community-box .community-top .community-top-box .community-top-left li h3::after {
    background-color: #FF9100
}

.community .community-box .community-top .community-top-box .community-top-left li span {
    color: #666;
    display: block
}

.community .community-box .community-top .community-top-box .community-top-right {
    display: flex;
    align-items: flex-end;
}

.community .community-box .community-top .community-top-box .community-top-right figure {
    text-align: center;
    margin-bottom: 0;
}


.community .community-box .community-top .community-top-box .community-top-right figure img {
    transition: all .6s;
}

.community .community-box .community-bot .community-bot-box {
    margin-top: 30px
}

.community .community-box .community-bot .community-bot-box .community-bot-left h5 {
    font-weight: 600;
    font-size: 18px
}

.community .community-box .community-bot .community-bot-box .community-bot-left span {
    font-size: 14px;
    color: #aaa
}

.community .community-box .community-bot .community-bot-box .community-bot-right {
    margin-top: 30px;
}

.community .community-box .community-bot .community-bot-box .community-bot-right li {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.community .community-box .community-bot .community-bot-box .community-bot-right li figure {
    max-width: 90px;
    overflow: hidden;
    margin: 0 auto
}

.community .community-box .community-bot .community-bot-box .community-bot-right li>span {
    margin-top:5px;
    font-size: 16px;
}

.community .community-box .community-bot .community-bot-box .community-bot-right li figure img {
    transition: all .6s
}

@media (min-width:768px) {
    .community .community-box {
        padding: 45px 0
    }

    .community .community-box .community-top {
        margin-bottom: 45px
    }

    .community .community-box .community-top .community-top-box {
        margin-top: 40px
    }

    .community .community-box .community-top .community-top-box .community-top-left {
        margin-bottom: 0
    }

    .community .community-box .community-top .community-top-box .community-top-left li:not(:last-child) {
        margin-bottom: 40px
    }

    .community .community-box .community-top .community-top-box .community-top-left li h5 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .community .community-box .community-top .community-top-box .community-top-left li h5::after {
        background-color: #00B3BB
    }

    .community .community-box .community-top .community-top-box .community-top-left li h3 {
        font-size: 28px
    }

    .community .community-box .community-top .community-top-box .community-top-left li h3::after {
        background-color: #FF9100
    }

    .community .community-box .community-top .community-top-box .community-top-left li span {
        font-size: 15px
    }
    
    .community .community-box .community-bot .community-bot-box .community-bot-right li figure {
       max-width: 150px
    }

    .community .community-box .community-top .community-top-box .community-top-right figure img {
        width: auto
    }

    .community .community-box .community-bot .community-bot-box {
        margin-top: 40px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-left h5 {
        font-size: 22px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-left span {
        font-size: 15px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-right {
        margin-top: 40px
    }
}

@media (min-width:992px) {
    .community .community-box {
        padding: 55px 0
    }

    .community .community-box .community-top {
        margin-bottom: 55px
    }

    .community .community-box .community-top .community-top-box {
        margin-top: 50px
    }

    .community .community-box .community-top .community-top-box .community-top-left li:not(:last-child) {
        margin-bottom: 50px
    }

    .community .community-box .community-top .community-top-box .community-top-left li span {
        font-size: 16px
    }

    .community .community-box .community-bot .community-bot-box {
        margin-top: 50px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-left h5 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-left span {
        font-size: 16px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-right {
        margin-top: 50px
    }
}

@media (min-width:1200px) {
    .community .community-box {
        padding: 75px 0
    }

    .community .community-box .community-top {
        margin-bottom: 60px
    }

    .community .community-box .community-top .community-top-box {
        margin-top: 55px
    }

    .community .community-box .community-top .community-top-box .community-top-left li:not(:last-child) {
        margin-bottom: 65px
    }

    .community .community-box .community-bot .community-bot-box {
        margin-top: 55px
    }

    .community .community-box .community-bot .community-bot-box .community-bot-right {
        margin-top: 55px
    }
}

.stores {
    padding: 35px 0
}

.stores .stores-box {
    margin-top: 30px
}

.stores .stores-box form .form-select {
    display: flex
}

.stores .stores-box form select {
    flex: 1;
    height: 40px;
    background-color: #D2D2D2;
    font-weight: 600;
    font-size: 15px;
    padding: 0 10px;
    border: none
}

.stores .stores-box form select:not(:nth-child(2)) {
    margin-right: 10px
}

.stores .stores-box form select option {
    font-weight: 600
}

.stores .stores-box form select option:first-child {
    display: none
}

.stores .stores-box form .form-input {
    margin-top: 10px;
    position: relative
}

.stores .stores-box form .form-input input {
    height: 40px;
    background-color: #D2D2D2;
    border: none;
    padding: 0 15px;
    width: 100%
}

.stores .stores-box form .form-input button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    background-color: transparent;
    width: 50px
}

.stores .stores-box table th,
.stores .stores-box table td {
    white-space: nowrap
}

.stores .stores-box table td {
    color: #aaa
}

.stores .stores-box table th {
    font-size: 15px
}

.stores .stores-box .result-table {
    padding: 30px 0
}

.stores .stores-box .result-table tbody {
    width: 100%
}

.stores .stores-box .show-table {
    padding-top: 10px
}

@media (min-width:768px) {
    .stores {
        padding: 45px 0
    }

    .stores .stores-box {
        margin-top: 40px
    }

    .stores .stores-box form {
        display: flex;
        align-items: center
    }

    .stores .stores-box form select {
        width: 110px;
        font-size: 15px;
        margin-right: 10px
    }

    .stores .stores-box form .form-input {
        margin-top: 0;
        flex: 1
    }

    .stores .stores-box form .form-input button {
        width: 50px
    }

    .stores .stores-box table td {
        font-size: 15px
    }

    .stores .stores-box table th {
        font-size: 17px
    }

    .stores .stores-box .result-table {
        padding: 50px 0
    }

    .stores .stores-box .show-table {
        padding-top: 20px
    }
}

@media (min-width:992px) {
    .stores {
        padding: 55px 0
    }

    .stores .stores-box {
        margin-top: 50px
    }

    .stores .stores-box form .form-input button {
        width: 60px
    }

    .stores .stores-box table td {
        font-size: 16px
    }
    

    .stores .stores-box table th {
        font-size: 18px
    }

    .stores .stores-box .result-table {
        padding: 60px 0
    }

    .stores .stores-box .show-table {
        padding-top: 30px
    }
}

@media (min-width:1200px) {
    .stores {
        padding: 75px 0
    }

    .stores .stores-box {
        margin-top: 60px
    }

    .stores .stores-box form .form-input button {
        width: 80px
    }

    .stores .stores-box .result-table {
        padding: 70px 0
    }
}

.searchresult {
    padding: 35px 0
}

.searchresult .searchresult-title {
    margin-bottom: 20px
}

.searchresult .searchresult-title h3 {
    font-size: 20px;
    font-weight: 600
}

.searchresult .searchresult-title ul {
    display: flex;
    margin-top: 10px
}

.searchresult .searchresult-title ul li {
    position: relative
}

.searchresult .searchresult-title ul li:not(:last-child) {
    margin-right: 20px
}

.searchresult .searchresult-title ul li:not(:last-child)::after {
    content: '';
    position: absolute;
    height: 50%;
    width: 1px;
    background-color: #00B0B9;
    right: -10px;
    top: 50%;
    transform: translateY(-50%)
}

.searchresult .searchresult-title ul li a {
    color: #00B0B9;
    font-size: 15px;
    transition: all .3s
}

.searchresult .searchresult-title ul li a:hover {
    color: #FF9100
}

.searchresult .searchresult-box .col-12 {
    margin-bottom: 15px
}

.searchresult .searchresult-box .searchresult-items {
    border: 1px solid #eee;
    transition: all .6s
}

.searchresult .searchresult-box .searchresult-items:hover {
    box-shadow: 2px 10px 10px #ccc
}

.searchresult .searchresult-box .searchresult-items .searchresult-items-left {
    text-align: center;
    padding: 20px
}

.searchresult .searchresult-box .searchresult-items .searchresult-items-left img {
    max-width: 185px
}

.searchresult .searchresult-box .searchresult-items .searchresult-items-right {
    background-color: #F6F6F6;
    padding: 25px 15px
}

.searchresult .searchresult-box .searchresult-items .searchresult-items-right h5 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px
}

.searchresult .searchresult-box .searchresult-items .searchresult-items-right ul li {
    color: #aaa;
    font-weight: 600
}

.searchresult .searchresult-null {
    font-weight: 600;
    color: #00B0B9;
    font-size: 18px;
    padding: 15px;
    text-align: center;
    width: 100%
}

@media (min-width:768px) {
    .searchresult {
        padding: 55px 0
    }

    .searchresult .searchresult-title {
        margin-bottom: 30px
    }

    .searchresult .searchresult-title h3 {
        font-size: 22px
    }

    .searchresult .searchresult-title ul {
        margin-top: 20px
    }

    .searchresult .searchresult-title ul li a {
        font-size: 16px
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-left {
        padding: 20px
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-right {
        padding: 25px 15px
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-right h5 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-right ul li {
        font-size: 15px
    }
}

@media (min-width:992px) {
    .searchresult {
        padding: 65px 0
    }

    .searchresult .searchresult-title {
        margin-bottom: 40px
    }

    .searchresult .searchresult-title ul {
        margin-top: 30px
    }

    .searchresult .searchresult-box .searchresult-items {
        display: flex
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-left {
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1
    }
    .searchresult .searchresult-box .searchresult-items .searchresult-items-left img {
        min-width: 200px;
        max-width: 200px;
    }
    .searchresult .searchresult-box .searchresult-items .searchresult-items-right {
        padding: 30px 15px;
        flex: 1
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-right h5 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .searchresult .searchresult-box .searchresult-items .searchresult-items-right ul li {
        font-size: 15px
    }
}

@media (min-width:1200px) {
    .searchresult {
        padding: 75px 0
    }
}

.latenews {
    padding: 35px 0
}

.latenews .latenews-box {
    margin-top: 30px
}

.latenews .latenews-box .latenews-swiper .swiper-slide a {
    display: block;
    height: 260px;
}

.latenews .latenews-box .latenews-swiper .swiper-slide span {
    position: absolute;
    width: 100%;
    padding: 15px;
    bottom: 0;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.latenews .latenews-box .latenews-swiper .swiper-pagination {
    bottom: -2px
}

.latenews .latenews-box .latenews-swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #fff;
    opacity: .5
}

.latenews .latenews-box .latenews-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1
}

.latenews .latenews-box .latenews-right {
    margin-top: 30px;
    border-top: 2px dashed #ccc;
    padding-top: 20px
}

.latenews .latenews-box .latenews-right ul li {
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px 2px #eee;
    border: 1px solid #eee;
    padding: 5px 10px;
    border-radius: 10px;
    transition: all .6s
}

.latenews .latenews-box .latenews-right ul li div {
    display: flex;
    align-items: center;
}

.latenews .latenews-box .latenews-right ul li span {
    font-weight: 700;
    font-size: 16px;
    white-space: nowrap
}

.latenews .latenews-box .latenews-right ul li a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.latenews .latenews-box .latenews-right ul li i {
    font-style: normal;
    font-size: 12px;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.latenews .latenews-box .latenews-right ul li i img {
    max-width: 15px;
    margin-right: 5px
}

@media (min-width:768px) {
    .latenews {
        padding: 45px 0
    }

    .latenews .latenews-box {
        margin-top: 40px
    }

    .latenews .latenews-box .latenews-swiper .swiper-slide a {
        height: 360px
    }

    .latenews .latenews-box .latenews-swiper .swiper-slide span {
        font-size: 16px
    }

    .latenews .latenews-box .latenews-right {
        margin-top: 0;
        border-top: none;
        border-left: 2px dashed #ccc;
        padding-top: 0;
        padding-left: 30px
    }

    .latenews .latenews-box .latenews-right ul li span {
        font-size: 18px
    }

    .latenews .latenews-box .latenews-right ul li a {
        font-size: 15px
    }
}

@media (min-width:992px) {
    .latenews {
        padding: 55px 0
    }

    .latenews .latenews-box {
        margin-top: 50px
    }

   

    .latenews .latenews-box .latenews-right ul li {
        padding: 10px 15px
    }

    .latenews .latenews-box .latenews-right ul li span {
        font-size: 20px
    }

    .latenews .latenews-box .latenews-right ul li a {
        font-size: 17px
    }
}

@media (min-width:1200px) {
    .latenews {
        padding: 75px 0
    }
}

.detailspage {
    padding: 35px 0
}

.detailspage .detailspage-title {
    border-bottom: 2px dashed #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.detailspage .detailspage-title h2 {
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center
}

.detailspage .detailspage-title ul {
    display: flex;
    justify-content: center
}

.detailspage .detailspage-title ul li {
    font-size: 15px;
    color: #666;
    font-weight: 600
}

.detailspage .detailspage-title ul li:not(:last-child) {
    margin-right: 25px
}

@media (min-width:768px) {
    .detailspage {
        padding: 45px 0
    }

    .detailspage .detailspage-title {
        padding-bottom: 25px;
        margin-bottom: 25px
    }

    .detailspage .detailspage-title h2 {
        font-size: 26px;
        margin-bottom: 25px
    }

    .detailspage .detailspage-title ul li {
        font-size: 16px
    }

    .detailspage .detailspage-title ul li:not(:last-child) {
        margin-right: 35px
    }
}

@media (min-width:992px) {
    .detailspage {
        padding: 55px 0
    }

    .detailspage .detailspage-title h2 {
        font-size: 28px
    }

    .detailspage .detailspage-title ul li {
        font-size: 16px
    }

    .detailspage .detailspage-title ul li:not(:last-child) {
        margin-right: 50px
    }
}

@media (min-width:1200px) {
    .detailspage {
        padding: 75px 0
    }
    
}

@media(min-width: 1920px) {
    .detailspage .container {
        max-width: 1140px;
    }
}

.franchise {
    padding: 35px 0
}

.franchise .franchise-box {
    margin-top: 25px
}

.franchise .franchise-box .franchise-top .franchise-top-left figure {
    position: relative;
    max-width: 225px;
    margin: 0 auto 20px
}

.franchise .franchise-box .franchise-top .franchise-top-left figure span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    white-space: nowrap;
    letter-spacing: 5px;
    text-align: center
}

.franchise .franchise-box .franchise-top .franchise-top-left>span {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    display: block;
    letter-spacing: 2px;
    color: #666
}

.franchise .franchise-box .franchise-center {
    margin-top: 30px
}

.franchise .franchise-box .franchise-center .franchise-center-txt:not(:last-child) {
    margin-bottom: 15px
}

.franchise .franchise-box .franchise-center .franchise-center-txt h5 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px
}

/*.franchise .franchise-box .franchise-center .franchise-center-txt ul li {*/
/*    color: #666*/
/*}*/

.franchise .franchise-box .franchise-center .franchise-center-txt ul li span {
    margin-right: 15px
}

.franchise .franchise-box .franchise-center .franchise-center-txt p {
    line-height: 2;
    color: #666;
}

.franchise .franchise-box .franchise-form {
    margin-top: 25px
}

.franchise .franchise-box .franchise-form form {
    padding: 20px 15px;
    box-shadow: 2px 2px 10px #ccc;
    max-width: 380px;
    margin: 0 auto
}

.franchise .franchise-box .franchise-form form .form-items {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.franchise .franchise-box .franchise-form form .form-items label {
    white-space: nowrap;
    margin-right: 10px;
    min-width: 85px;
    color: #666
}

.franchise .franchise-box .franchise-form form .form-items input,
.franchise .franchise-box .franchise-form form .form-items select,.city-input {
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    padding: 0 5px;
    color: #666
}

.franchise .franchise-box .franchise-form form .form-submit {
    text-align: center;
    padding-top: 15px
}

.franchise .franchise-box .franchise-form form .form-submit button {
    background-color: #00B0B9;
    border: none;
    outline: none;
    color: #fff;
    padding: 10px 25px;
    font-size: 16px;
    border: 2px solid #00B0B9;
    transition: all .6s
}

.franchise .franchise-box .franchise-form form .form-submit button:hover {
    background-color: #fff;
    color: #00B0B9
}

.franchise-kcb p{
    font-size: 14px;
}

@media (min-width:768px) {
    .franchise {
        padding: 55px 0
    }

    .franchise .franchise-box {
        margin-top: 35px
    }

    .franchise .franchise-box .franchise-top {
        display: flex
    }

    .franchise .franchise-box .franchise-top .franchise-top-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 0 50px;
    }

    .franchise .franchise-box .franchise-top .franchise-top-left figure {
        max-width: 325px;
        margin: 0 auto 25px
    }

    .franchise .franchise-box .franchise-top .franchise-top-left figure span {
        font-size: 26px
    }

    .franchise .franchise-box .franchise-top .franchise-top-left>span {
        font-size: 16px;
        text-align: left
    }

    .franchise .franchise-box .franchise-top .franchise-top-right {
        padding: 0 25px
    }

    .franchise .franchise-box .franchise-center {
        margin-top: 0
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt:not(:last-child) {
        margin-bottom: 25px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt h5 {
        font-size: 22px;
        margin-bottom: 15px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt ul li {
        font-size: 15px;
        line-height: 2;
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt ul li span {
        margin-right: 20px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt p {
        line-height: 2;
        font-size: 15px
    }

    .franchise .franchise-box .franchise-form {
        margin-top: 35px
    }

    .franchise .franchise-box .franchise-form form {
        padding: 0;
        box-shadow: none;
        max-width: 580px;
        margin: 0 auto
    }

    .franchise .franchise-box .franchise-form form .form-top {
        display: flex
    }

    .franchise .franchise-box .franchise-form form .form-top .form-items {
        flex: 1
    }

    .franchise .franchise-box .franchise-form form .form-top .form-items:last-child {
        flex: .8;
        margin-left: 30px
    }

    .franchise .franchise-box .franchise-form form .form-top .form-items:last-child label {
        min-width: fit-content
    }

    .franchise .franchise-box .franchise-form form .form-items {
        margin-bottom: 25px
    }

    .franchise .franchise-box .franchise-form form .form-items label {
        font-size: 15px;
        margin-right: 25px;
        min-width: 90px
    }

    .franchise .franchise-box .franchise-form form .form-items input,
    .franchise .franchise-box .franchise-form form .form-items select,.city-input {
        height: 50px;
        padding: 0 15px
    }

    .franchise .franchise-box .franchise-form form .form-submit {
        padding-top: 25px
    }

    .franchise .franchise-box .franchise-form form .form-submit button {
        padding: 10px 30px;
        font-size: 17px
    }
}

@media (min-width:992px) {
    .franchise-kcb p{
        font-size: 16px;
    }
    .franchise {
        padding: 65px 0
    }

    .franchise .franchise-box {
        margin-top: 45px
    }

    .franchise .franchise-box .franchise-top {
        display: flex
    }

    .franchise .franchise-box .franchise-top .franchise-top-left {
        flex: 1.5;
        align-items: flex-end;
        padding-right: 0;
        padding-bottom: 35px
    }

    .franchise .franchise-box .franchise-top .franchise-top-left figure {
        max-width: 405px;
        margin: 0 auto 55px;
        margin-right: 0
    }

    .franchise .franchise-box .franchise-top .franchise-top-left figure span {
        font-size: 36px
    }

    .franchise .franchise-box .franchise-top .franchise-top-left>span {
        font-size: 18px;
        margin-right: 30px
    }

    .franchise .franchise-box .franchise-top .franchise-top-right img {
        max-width: 290px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt:not(:last-child) {
        margin-bottom: 35px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt h5 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt ul li {
        font-size: 16px;
        line-height: 2;
    }

    .franchise .franchise-box .franchise-center .franchise-center-txt p {
        line-height: 2;
        font-size: 16px
    }

    .franchise .franchise-box .franchise-form {
        margin-top: 55px
    }

    .franchise .franchise-box .franchise-form form .form-submit {
        padding-top: 35px
    }

    .franchise .franchise-box .franchise-form form .form-submit button {
        padding: 10px 35px;
        font-size: 18px
    }
}

@media (min-width:1200px) {
    .franchise {
        padding: 75px 0
    }

    .franchise .franchise-box {
        margin-top: 55px
    }

    .franchise .franchise-box .franchise-form {
        margin-top: 65px
    }
}