/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4728(这个说明仅在演示里会看到,下载的源码里没有)*//* Large Layout: 1200px. */@media only screen and (min-width: 1200px){.container {padding: 0;}.container-fluid{padding: 0;}         }/* Medium screen  */ @media only screen and (min-width: 992px) and (max-width: 1199px) {       /*** =============================================    Top bar Area style=============================================***/.top-left-content {    max-width: 480px;}    /*** =============================================    header Area style=============================================***/ .header-middle {    margin-left: 50px;}    .header-middle .info-box li {    margin-right: 20px;}    .header-right{}.header-right a {    border-radius: 30px;    padding: 18px 15px 18px;}.main-menu .navigation li {    padding: 29px 7px 27px;}         /*** =============================================    Rev slider wrapper style=============================================***/     .main-slider .slide-content.left-slide{    margin-left: 100px;}  /*** =============================================    Testimonial Area style=============================================***/      .testimonial-area .sec-title {    padding-bottom: 50px;}        /*** =============================================    Events Area style=============================================***/.events-box-holder {    margin-right: 0;    padding-left: 40px;}     .events-box-holder::before {    position: absolute;    top: 0px;    left: 0;    right: 0px;    height: 100%;    z-index: -1;    content: "";    background: rgb(246, 244, 241);}          .events-box-carousel {    margin-top: 50px;    padding: 63px 0px;    padding-right: 30px;    max-width: 470px;    margin: 30px auto 0;}        /*** =============================================    Latest Blog Area style=============================================***/      .latest-blog-right-box {    margin-left: 0;    max-width: 550px;    margin: 50px auto 0;}        /*** =============================================    Footer area  style=============================================***/    .single-footer-widget.mar-top50{    margin-top: 60px;        }         /*** =============================================   Welcome area about page  style=============================================***/   .welcome-area.about-page .welcome-right {    margin-top: 0px;}     .health-coacher {    display: block;    margin-top: 40px;}    /*** =============================================    Choosing Area style=============================================***/     .choosing-area .bottom ul li {    max-width: 310px;}     /*** =============================================    Let Start Area style=============================================***/     .starting-process ul li {    padding-right: 90px;}    .starting-process ul li:before {    right: 10px;}    /*** =============================================    Health plan area style=============================================***/      .health-plan-tab .tab-content-box .inner-content .single-box {    max-width: 310px;}        /*** =============================================    Event Style Three Area style=============================================***/     .single-event-style2 .top .left-content {    float: none !important;    display: block;}   .single-event-style2 .top .right-content {    margin-top: 15px;    float: none !important;}    .single-event-style2 .bottom p {    display: block;    float: none;    padding: 0;    margin: 0;    margin-top: 10px;}    .single-event-style2 .bottom a.details {    display: block;    float: none;    width: 160px;}        /*** =============================================    Event Single Area style=============================================***/     .single-event-content .why-come .single-box {    display: block;    margin-bottom: 40px;}        /*** =============================================    Blog Default Area style=============================================***/      .blog-default-area .single-blog-post {    max-width: 600px;    width: 100%;    margin: 0 auto 40px;}      /*** =============================================    Blog Large Area style=============================================***/      .blog-large-area .single-blog-post .text-holder .meta-box .meta-info li {    line-height: 25px;}        /*** =============================================    Blog Single area style=============================================***/.blog-single-area .bottom-content-box .text-box {    margin-top: 20px;}  .blog-single-area .bottom-content-box .img-box img {    width: 100%;}    .blog-single-area .tag-box .left {    float: none !important;    display: block;}.blog-single-area .tag-box .tag {    float: none !important;    display: block;    margin-top: 10px;}            /*** =============================================    Gallery Area style=============================================***/    .filters {    margin-bottom: 30px;}    .filters ul {}    .filters li span {} .project-content{    max-width: 100%;     }    .span-width-5 {    width: 33.3333333333%;    float: none;    padding: 0;}         /*** =============================================    Gallery Single style=============================================***/      .gallery-info {    margin-top: 60px;}        /*** =============================================    Not Found Area  style=============================================***/     .not-found-content {    margin: 50px 0;}                     /*** =============================================    Shop Area style=============================================***/     #shop-area .sidebar-wrapper {    position: relative;    padding-top: 70px;}        /*** =============================================    Single Shop Area style=============================================***/     .single-shop-content .img-holder {    margin-right: 20px;}    .single-shop-content .content-box {    margin-left: -20px;}           /*** =============================================    Login Register Area style=============================================***/     .login-register-area .form a.forgot-password {    margin: 70px 0 0;}    .login-register-area .form.register {    overflow: hidden;    margin-top: 50px;}    .login-register-area .form h6 {    margin: 28px 0 0;}            /*** =============================================    Branch area style=============================================***/      .branch-area .single-box {    max-width: 270px;    margin-bottom: 30px;}                              }/* Tablet Layout: 768px. */@media only screen and (min-width: 768px) and (max-width: 991px) {      /*** =============================================    Top Bar Area style=============================================***/.top-bar-area {    padding: 9px 0 9px;}    .top-left-content {    max-width: 100%;    width: 100%;    text-align: center;    margin-bottom: 8px;    float: none !important;}.top-right-content {    max-width: 100%;    width: 270px;    float: none !important;    margin: 0 auto;}.top-right-content ul li {    display: block;    float: none;    margin-right: 0;    text-align: center;    margin: 0 0 3px;} /*** =============================================    header Area style  =============================================***/ .header-area{    background: #ffffff;} .header-area.bg-style {    background: #ffffff;}    .header-area .header-top .inner-content {    position: relative;    display: block;}   .header-left {    float: none !important;    display: block;    text-align: center;    margin-bottom: 23px;}   .header-middle {    float: none !important;    display: block;    margin: 0;    padding: 0;}.header-middle .info-box {    overflow: hidden;    width: 280px;    margin: 0 auto;}    .header-middle .info-box li {    margin: 0;    display: block;    width: 100%;    float: none;    margin-bottom: 15px;} .header-right {    margin-top: 10px;    float: none !important;    text-align: center;}  .header-right a {    width: 270px;    margin: 0 auto;} .header-bottom .inner-content.style2{    margin: 0;}     .header-bottom .inner-content {    display: block;    padding: 0 10px 0;}    .header-bottom .header-bottom-left {    float: none !important;    display: block;    width: 100%;} .header-bottom .header-bottom-right {    display: block;    position: absolute;    top: 0;    left: 70px;    z-index: 10;    margin: 32px 0;}   .outer-search-box {    float: none;    padding-left: 0;    position: absolute;    top: 0;    right: 0;    padding: 32px 0;    z-index: 10;    margin: 0;}    .breadcrumb-area {    padding-top: 104px;}.breadcrumb-area .title {    padding-bottom: 104px;}      /*** =============================================    Rev slider wrapper style=============================================***/ .main-slider {    position: relative;    margin-top: 0;}.tparrows {    top: 50% !important;} .main-slider .slide-content.left-slide{    margin-left: 100px;}.main-slider .slide-content .big-title{    font-size: 45px;}      /*** =============================================    Welcome Area style=============================================***/ .welcome-area:before{    display: none;}      .welcome-area .text-holder {    padding-top: 60px;    padding-right: 0;}   .accordion-holder {    margin-top: 30px;    padding-left: 0px;}        /*** =============================================    Fact Counter Area style=============================================***/      .fact-counter-area .owl-theme .owl-nav {    top: 100%;    margin-top: 10px;}       /*** =============================================    Testimonial Area style=============================================***/      .testimonial-area .sec-title {    padding-bottom: 50px;}        /*** =============================================    Events Area style=============================================***/.events-box-holder {    margin-right: 0;    padding-left: 40px;}     .events-box-holder::before {    position: absolute;    top: 0px;    left: 0;    right: 0px;    height: 100%;    z-index: -1;    content: "";    background: rgb(246, 244, 241);}          .events-box-carousel {    margin-top: 50px;    padding: 63px 0px;    padding-right: 30px;    max-width: 470px;    margin: 30px auto 0;}     /*** =============================================    Latest Blog Area style=============================================***/  .latest-blog-left-box .single-image-box.martop{    margin-top: 30px;}      .latest-blog-right-box {    margin-left: 0;    max-width: 550px;    margin: 50px auto 0;}          /*** =============================================    Footer area  style=============================================***/    .single-footer-widget.pdtop-50{    padding-top: 50px;        }    .footer-bottom .footer-menu {    margin: 0px 0 10px;    text-align: center;}.footer-bottom .footer-menu li {    float: none;    border-right: none;    margin-right: 0;    padding-right: 0;    margin: 0 10px;}    .footer-bottom .copyright-text {    float: none !important;    text-align: center;}       /*** =============================================   Welcome area about page  style=============================================***/ .welcome-area.about-page .welcome-right {    margin-top: 0px;}    .health-coacher {    display: block;    margin-top: 40px;}    .health-coacher .bottom-content ul li {    border-right: none;    padding-right: 0px;    padding-left: 0px;}.health-coacher .bottom-content ul li:last-child {    margin-top: 30px;}   /*** =============================================    Choosing Area style=============================================***/     .choosing-area .bottom ul li {    max-width: 345px;}          /*** =============================================    Services Area service page style=============================================***/     .services-area.service-page .single-service-item {    margin-bottom: 40px;    }    .services-area.service-page .border-box {    display: none;}        /*** =============================================    Let Start Area style=============================================***/ .starting-process ul li {    padding-right: 15px;}    .starting-process ul li:before {    display: none;}        /*** =============================================    Health plan area style=============================================***/      .health-plan-tab .tab-content-box .inner-content {    width: 390px;    margin: 0 auto;}     /*** =============================================    Event Single Area style=============================================***/  .event-single-sidebar {    display: block;    margin-top: 60px;}        /*** =============================================    blog large area style=============================================***/  .blog-large-area .blog-post:before {    display: none;}    #blog-area .sidebar-wrapper {    margin-top: 80px;    padding-left: 0px;}        /*** =============================================    Blog Single area style=============================================***/.blog-single-area .bottom-content-box .text-box {    margin-top: 20px;}  .blog-single-area .bottom-content-box .img-box img {    width: 100%;}    .blog-single-area .tag-box .left {    float: none !important;    display: block;}.blog-single-area .tag-box .tag {    float: none !important;    display: block;    margin-top: 10px;}             /*** =============================================    Gallery Area style=============================================***/    .filters {    margin-bottom: 30px;}    .filters ul {}    .filters li span {} .project-content{    max-width: 100%;     }    .span-width-5 {    max-width: 510px;    margin: 0 auto;    width: 50%;    float: none;    padding: 0;}                        /*** =============================================    Gallery Single style=============================================***/      .gallery-info {    margin-top: 60px;}           /*** =============================================    Not Found Area  style=============================================***/     .not-found-content {    margin: 0;}           /*** =============================================    Shop Area style=============================================***/     #shop-area .sidebar-wrapper {    position: relative;    padding-top: 70px;}        /*** =============================================    Single Shop Area style=============================================***/     .single-shop-content .img-holder {    margin-right: 0px;    max-width: 330px;}  .single-shop-content .content-box {    margin-left: 0;    margin-top: 0;}   .related-product .single-product-item {    margin-bottom: 40px;}           /*** =============================================    Cart Area style=============================================***/      .cart-area .cart-bottom .calculate-shipping {    padding-bottom: 60px;}         /*** =============================================    Checkout Area style=============================================***/    .checkout-area .form.shipping-info {    padding-top: 60px;}    .checkout-area .cart-total {    padding-top: 60px;}          /*** =============================================    Login Register Area style=============================================***/     .login-register-area .form a.forgot-password {    margin: 70px 0 0;} .login-register-area .register {    padding-top: 50px;}    .login-register-area .form h6 {    color: #797979;    float: left;    font-size: 14px;    margin-bottom: 0;    margin-right: 0;    margin-top: 27px;} /*** =============================================    Branch area style=============================================***/      .branch-area .single-box {    max-width: 270px;    margin-bottom: 30px;}                                             }/* Mobile Layout: 320px. */@media only screen and (max-width: 767px) { /*** =============================================    Top Bar Area style=============================================***/.top-bar-area {    padding: 9px 0 9px;}    .top-left-content {    max-width: 100%;    width: 100%;    text-align: center;    margin-bottom: 8px;    float: none !important;}.top-right-content {    max-width: 100%;    width: 270px;    float: none !important;    margin: 0 auto;}.top-right-content ul li {    display: block;    float: none;    margin-right: 0;    text-align: center;    margin: 0 0 3px;} /*** =============================================    header Area style  =============================================***/ .header-area{    background: #ffffff;}  .header-area.bg-style {    background: #ffffff;}      .header-area .header-top .inner-content {    position: relative;    display: block;}.header-left {    float: none !important;    display: block;    text-align: center;    margin-bottom: 23px;}   .header-middle {    float: none !important;    display: block;    margin: 0;    padding: 0;}.header-middle .info-box {    overflow: hidden;    width: 280px;    margin: 0 auto;}    .header-middle .info-box li {    margin: 0;    display: block;    width: 100%;    float: none;    margin-bottom: 15px;} .header-right {    margin-top: 10px;    float: none !important;    text-align: center;}  .header-right a {    width: 270px;    margin: 0 auto;} .header-bottom .inner-content.style2{    margin: 0;    }   .header-bottom .inner-content {    display: block;    padding: 0 10px 0;}    .header-bottom .header-bottom-left {    float: none !important;    display: block;    width: 100%;} .header-bottom .header-bottom-right {    display: block;    position: absolute;    top: 0;    left: 70px;    z-index: 10;    margin: 32px 0;}   .outer-search-box {    float: none;    padding-left: 0;    position: absolute;    top: 0;    right: 0;    padding: 32px 0;    z-index: 10;    margin: 0;}     /*** =============================================    Rev slider wrapper style=============================================***/ .main-slider {    position: relative;    margin-top: 0;}.tparrows {    top: 50% !important;    display: block;}  .tp-forcenotvisible {    visibility: visible !important;    display: block !important;}  .main-slider .slide-content{    display: none;} .main-slider .slide-content.left-slide{    margin-left: 100px;}.main-slider .slide-content .big-title{    font-size: 50px;}       /*** =============================================    Welcome Area style=============================================***/ .welcome-area:before{    display: none;}    .welcome-area .text-holder {    padding-top: 60px;    padding-right: 0;} .accordion-holder {    margin-top: 30px;    padding-left: 0px;}     /*** =============================================    Services Area style=============================================***/     .service-bottom-button a {    width: 320px;} .service-bottom-button a .icon-box-one {    display: none;}    .service-bottom-button a .icon-box-two {    display: none;}    /*** =============================================    Fact Counter Area style=============================================***/      .fact-counter-area .owl-theme .owl-nav {    top: 100%;    margin-top: 10px;}        /*** =============================================    Testimonial Area style=============================================***/      .testimonial-area .sec-title {    padding-bottom: 50px;}    .single-testimonial-item .img-holder .overlay-box .box .content .client-name {    top: 10px;}        .testimonial-area .owl-dots {    bottom: 33px;}        /*** =============================================    Events Area style=============================================***/.events-box-holder {    margin-right: 0;    padding-left: 40px;}     .events-box-holder::before {    position: absolute;    top: 0px;    left: 0;    right: 0px;    height: 100%;    z-index: -1;    content: "";    background: rgb(246, 244, 241);}          .events-box-carousel {    margin-top: 50px;    padding: 63px 0px;    padding-right: 30px;    max-width: 470px;    margin: 30px auto 0;}        /*** =============================================    Latest Blog Area style=============================================***/ .latest-blog-left-box {    margin-right: 0;}    .latest-blog-left-box .single-image-box.martop{    margin-top: 30px;} .latest-blog-area .text-box .blog-title a br{    display: none;}    .latest-blog-right-box {    margin-left: 0;    max-width: 550px;    margin: 50px auto 0;}     /*** =============================================    Consultation Area style=============================================***/ .consultation-area {    padding-top: 90px;    padding-bottom: 90px;}    .consultation-area .inner-content .img-box {    position: static;    z-index: 1;    width: auto;    height: auto;    padding-bottom: 50px;}    .consultation-area .consultation-form textarea {    margin: 24px 0 0;}        /*** =============================================    Footer Area Style=============================================***/    .single-footer-widget.pdtop-50{    padding-top: 50px;        }     .footer-bottom .footer-menu {    margin: 0px 0 10px;    text-align: center;}.footer-bottom .footer-menu li {    float: none;    border-right: none;    margin-right: 0;    padding-right: 0;    margin: 0 10px;}    .footer-bottom .copyright-text {    float: none !important;    text-align: center;}    /*** =============================================    Breadcrumb area  style=============================================***/ .breadcrumb-area {    padding-top: 104px;}.breadcrumb-area .title {    padding-bottom: 104px;}        /*** =============================================   Welcome area about page  style=============================================***/ .welcome-area.about-page .welcome-right {    margin-top: 0px;}    .health-coacher {    display: block;    margin-top: 30px;}    .health-coacher .bottom-content ul li {    border-right: none;    padding-right: 0px;    padding-left: 0px;}.health-coacher .bottom-content ul li:last-child {    margin-top: 30px;}   /*** =============================================    Choosing Area style=============================================***/ .choosing-area .top .left {    float: none !important;    display: block;}  .choosing-area .top .right {    float: left !important;    display: block;    width: 100%;    margin-top: 15px;}    .choosing-area .bottom ul li {    display: block;    float: none;    max-width: 345px;    margin: 0 auto 35px;}                 /*** =============================================    Team Area style=============================================***/ .team-area .top .sec-title {    float: none !important;    display: block;}    .team-area .top .button {    margin-top: 0px;    float: none !important;    padding-bottom: 30px;}        /*** =============================================    Services Area service page style=============================================***/     .services-area.service-page .single-service-item {    margin-bottom: 40px;    }    .services-area.service-page .border-box {    display: none;}            /*** =============================================    Let Start Area style=============================================***/ .starting-process ul {    width: 330px;    margin: 0 auto;}    .starting-process ul li {    padding-right: 5px;    margin-bottom: 30px;}    .starting-process ul li:before {    display: none;}           /*** =============================================    Health plan area style=============================================***/      .health-plan-tab .tab-content-box .inner-content {    width: 320px;    margin: 0 auto;} .health-plan-tab .tab-menu li {    display: inline-block;    margin: 0 8px 10px;}    .health-plan-tab .tab-content-box .inner-content .single-box {    max-width: 320px;}         /*** =============================================    Event Style Three Area style=============================================***/     .single-event-style2 .top .left-content {    float: none !important;    display: block;}   .single-event-style2 .top .right-content {    margin-top: 15px;    float: none !important;}    .single-event-style2 .bottom p {    display: block;    float: none;    padding: 0;    margin: 0;    margin-top: 10px;}    .single-event-style2 .bottom a.details {    display: block;    float: none;    width: 160px;}        /*** =============================================    Event Single Area style=============================================***/  .event-single-sidebar {    display: block;    margin-top: 60px;}    .single-event-content .why-come .single-box {    display: block;    margin-bottom: 30px;}            /*** =============================================    blog large area style=============================================***/  .blog-large-area .blog-post:before {    display: none;}  .single-blog-post .text-holder .meta-box .meta-info li {    line-height: 25px;}    #blog-area .sidebar-wrapper {    margin-top: 80px;    padding-left: 0px;}        /*** =============================================    Blog Single area style=============================================***/.blog-single-area .bottom-content-box .text-box {    margin-top: 20px;}  .blog-single-area .bottom-content-box .img-box img {    width: 100%;}    .blog-single-area .tag-box .left {    float: none !important;    display: block;}.blog-single-area .tag-box .tag {    float: none !important;    display: block;    margin-top: 10px;}          /*** =============================================    Gallery Area style=============================================***/    .filters {    margin-bottom: 30px;}    .filters ul {} .filters ul li:first-child {    border-left: 0px solid #f6f4f1;}.filters ul li {    padding: 7px 12px;    border-right: 0px solid #f6f4f1;}    .filters li span {} .project-content{    max-width: 510px;    margin: 0 auto;        }    .span-width-5 {    max-width: 510px;    margin: 0 auto;    width: 100%;    float: none;    padding: 0;}   /*** =============================================    Gallery Single style=============================================***/      .gallery-info {    margin-top: 60px;}    /*** =============================================    Coming Soon Area style=============================================***/     .countdown-timer li {    margin: 0px 12px;    margin-bottom: 40px;}        /*** =============================================    Not Found Area  style=============================================***/     .not-found-content {    margin: 60px 0 0;}      .not-found-content .search-form {    width: 300px;}    .not-found-content .search-form input[type="text"] {    width: 300px;}        /*** =============================================    Shop Area style=============================================***/     #shop-area .sidebar-wrapper {    position: relative;    padding-top: 70px;}        /*** =============================================    Single Shop Area style=============================================***/     .single-shop-content .img-holder {    margin-right: 0px;    max-width: 400px;}    .single-shop-content .content-box {    margin-left: 0;    margin-top: 35px;}   .related-product .single-product-item {    margin-bottom: 40px;}          /*** =============================================    Cart Area style=============================================***/.cart-middle .apply-coupon {    padding-left: 0;}       .cart-middle .apply-coupon input[type="text"] {    margin: 0 0 20px;    position: static;    width: 225px;}    .cart-area .cart-bottom .calculate-shipping {    padding-bottom: 60px;}    .cart-middle .update-cart {    float: left !important;    margin: 20px 0 0;}        .cart-bottom .calculate-shipping input[type="text"] {    margin-bottom: 25px;}                 /*** =============================================    Checkout Area style=============================================***/    .checkout-area .form.shipping-info {    padding-top: 60px;}    .checkout-area .cart-total {    padding-top: 60px;}   .checkout-area .exisitng-customer h5 a {    display: block;    width: 100%;    padding: 0;    margin-top: 7px;}.checkout-area .coupon h5 a {    display: block;    width: 100%;    padding: 0;    margin-top: 7px;}           /*** =============================================    Login Register Area style=============================================***/  .login-register-area .form a.forgot-password {    float: left;    margin: 35px 0 0;}  .login-register-area .form.register {    padding-top: 60px;}    .login-register-area .form .social-icon {    float: left;    margin-right: 0;    margin-top: 30px;}    .login-register-area .form .social-icon span {    left: 0;    position: relative;} .login-register-area .form .social-icon .login-with {    position: static;}    .login-register-area .form h6 {    margin: 20px 0 0;}.login-register-area .form .right {    display: block;    overflow: hidden;    margin-left: 0px;}/*** =============================================    Branch area style=============================================***/      .branch-area .single-box {    max-width: 270px;    margin: 0 auto 30px;}.branch-area .title-holder .sec-title {    display: block;    padding: 0;    margin-top: 0px;    padding-bottom: 40px;}                                           }/* Wide Mobile Layout: 480px. */@media only screen and (min-width: 480px) and (max-width: 767px){}@media (min-width: 992px){     .navbar-collapse.collapse {    display: block !important;    height: auto;    padding-bottom: 0;    overflow: visible !important;}.navbar-toggle {    display: none !important;}                     }@media only screen and (max-width: 991px){     .mainmenu-area .inner-content{    position: relative;    display: block;}   .mainmenu-left {    float: none !important;    display: block;    width: 100%;    z-index: 100;}.mainmenu-right {    position: absolute;    top: 0;    right: 0;    z-index: 100;} .search-box {    right: 0;}    .mainmenu-middle {    margin: 23px 0;    padding: 0;    position: absolute;    top: 0;    right: 100px;    z-index: 100;}        .main-menu {    display: block;    padding-top: 17px;    padding-bottom: 0px;    z-index: 5;    width: 100%;}.main-menu .navigation li {    margin-left: 0;    margin-right: 0;    padding: 0;}   .main-menu .collapse {    border: none;    border-radius: 0px !important;    float: none;    margin: 0;    max-height: 370px;    overflow: auto;    padding: 0;    width: 100%;}    .main-menu .collapse.in, .main-menu .collapsing {    border: none;    border-radius: 0px;    margin: 0;    padding: 0;    border-top: none;}    .main-menu .navbar-header {    position: relative;    float: none;    display: block;    text-align: right;    width: 100%;    padding: 63px 0 0;    right: 0px;    z-index: 12;}    .main-menu .navbar-header .navbar-toggle {    background: #000100;    border: 1px dashed #000100;    display: inline-block;    border-radius: 3px;    float: none;    margin: 0;    z-index: 7;    width: 50px;    height: 47px;    cursor: pointer;    padding: 0 9px;    position: absolute;    top: 0;    left: 0;}.main-menu .navbar-header .navbar-toggle .icon-bar {    display: block;    background: #e7e7e7;    width: 30px;    height: 2px;    border-radius: 1px;}.main-menu .navbar-header .navbar-toggle .icon-bar+.icon-bar {    margin-top: 6px;}.main-menu .navbar-collapse .navigation >li >ul{    padding: 0px 0px;        }    .main-menu .navbar-collapse .navigation >li >ul:before {    display: none;}   .main-menu .navbar-collapse >.navigation {    background: #000000 !important;    float: none !important;    width: 100% !important;    margin-top: 0px;    margin-bottom: 0px;}   .main-menu .navbar-collapse .navigation >li{    margin:0px !important;    float:none !important;    width:100%;    padding: 0;} .main-menu .navbar-collapse .navigation li::before {    display: none;}.main-menu .navbar-collapse .navigation li::after {    display: none;}    .main-menu .navbar-collapse .navigation li.dropdown >a:after{    display:none !important;} .main-menu .navbar-collapse .navigation li a:after {    display: none;}    .main-menu .navbar-collapse >.navigation >li >a{    padding: 10px 10px !important;}     .main-menu .navbar-collapse >.navigation >li >ul,.main-menu .navbar-collapse >.navigation >li >ul >li >ul{    position:relative;    border:none;    float:none;    visibility:visible;    opacity:1;    display:none;    margin:0px;    left:auto !important;    right:auto !important;    top:auto !important;    width:100%;    background: none;    border-radius:0px;    transition:none !important;}       .main-menu .navbar-collapse >.navigation >li,.main-menu .navbar-collapse >.navigation >li >ul >li{    border-top: 1px solid #3a3a3a;    opacity:1 !important;    top:0px !important;    left:0px !important;    visibility:visible !important;}  .main-menu .navbar-collapse >.navigation >li:last-child,.main-menu .navbar-collapse >.navigation >li >ul >li:last-child{    border-bottom: 1px solid red;        }    .main-menu .navbar-collapse >.navigation >li >a {    padding: 10px 10px !important;    line-height: 22px;    color: #ffffff;    text-align: left; }.main-menu .navbar-collapse .navigation li a::before {    display: none;}         .main-menu .navbar-collapse .navigation li ul li{    padding: 0;        } .main-menu .navbar-collapse .navigation li ul li:last-child {    border-bottom: none;}   .main-menu .navbar-collapse .navigation li ul li a {    padding: 10px 10px !important;    line-height: 22px;    color: #ffffff;    text-align: left;    font-size: 14px;    font-weight: 400;    text-transform: capitalize;    border: none;    font-family: 'Merriweather', serif;}.main-menu .navbar-collapse .navigation li ul li a:before {    display: none;}   .main-menu .navbar-collapse >.navigation >li >a:hover,.main-menu .navbar-collapse >.navigation >li >a:active,.main-menu .navbar-collapse >.navigation >li >a:focus{ } .main-menu .navbar-collapse >.navigation >li:hover >a,.main-menu .navbar-collapse >.navigation >li >ul >li:hover >a,.main-menu .navbar-collapse >.navigation >li >ul >li >ul >li:hover >a,.main-menu .navbar-collapse >.navigation >li.current >a{    color: #ffffff !important;    border: none;}        .main-menu .navbar-collapse >.navigation li.dropdown .dropdown-btn{    display:block;}                   }/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4728(这个说明仅在演示里会看到,下载的源码里没有)*/