/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/6545(当前备注仅在演示里出现，下载源码不包含)*//*  Theme Responsive Css */@media only screen and (max-width: 5000px){    .boxed_wrapper{    overflow-x: hidden;  }}@media only screen and (max-width: 1599px){  .main-header .header-bottom .nav-outer .menu-area{    margin-right: 30px;  }  .main-header .header-bottom .logo-box:before{    display: none;  }  .main-header .header-bottom{    padding: 0px 30px;  }  .main-header .header-bottom .logo-box {    padding: 27px 15px 25px 0px;  }  .main-menu .navigation >li {    margin: 0px 20px;  }  .main-header.style-two .outer-container{    padding: 0px 30px;  }  .feature-section .feature-content .feature-block {    padding: 32px 30px 32px 30px;  }}@media only screen and (max-width: 1200px){  .main-header .header-bottom .logo-box{    float: none;    text-align: center;    padding-right: 0px;  }  .main-header .header-bottom .nav-outer{    width: 100%;  }  .main-header .header-bottom .nav-outer .outer-box{    float: right;  }  .main-slider .content-box{    float: none;  }  .about-section .video-content .video-icon{    left: 0px;  }  .service-section:before{    position: absolute;    content: '';    background: rgba(255, 255, 255, 0.9);    width: 100%;    height: 100%;    left: 0px;    top: 0px;  }  .ebook-section .image-box,  .ebook-section .content-box{    margin: 0px;  }  .subscribe-section .right-content .form-group input[type='email']{    max-width: 250px;  }  .main-header.style-two .outer-container{    position: relative;  }  .main-slider.style-two .slide{    padding: 100px 0px;  }  .main-slider.style-two .owl-dots{    left: 30px;  }  .work-style-two .inner-content .inner-box .content-box,  .work-style-two .inner-content .inner-box:last-child .content-box{    margin: 0px;  }  .feature-section .feature-content .feature-block:hover{    background: transparent;  }  .faq-section .faq-content{    margin: 0px;  }  .about-page-section .about-page-content .content-style-two .image-column:before,  .service-sidebar .sidebar .list li a:before,  .service-details .service-details-content .content-style-one .image-box:before,  .team-details .single-team-member:after,  .team-details .single-team-member .image-column:before,  .sidebar-page-container .blog-details-content .inner-box .two-column .image-column:before{    display: none;  }  .service-sidebar .sidebar .list li a{    padding-left: 0px;  }  .main-footer .footer-bottom .right-content .footer-nav{    margin-right: 110px;  }  .team-details .single-team-member .content-box{    margin: 0px;  }  .team-details .team-social-bar .call{    margin-right: 70px;  }  .career-page-section .career-sidebar .theme-btn{    padding: 17px 20px;  }  .pricing-table {    padding: 48px 25px 51px 25px;  }  .switcher{    display: none;  }}@media only screen and (max-width: 991px){  .sticky-header{    display: none;  }  .main-header .header-top .top-left,  .main-header .header-top .top-right{    float: none;    display: block;    text-align: center;  }  .main-header .header-top .top-left{    margin-bottom: 10px;  }  .main-header .header-bottom .nav-outer .menu-area{    float: none;    margin: 0px;  }  .main-header .header-bottom .nav-outer .outer-box{    position: absolute;    top: -6px;    right: 0px;    margin: 0px;  }  .main-menu .navbar-collapse >ul li.dropdown .dropdown-btn{    right: 15px;    top: 8px;    color: #fff !important;    width: 35px;    height: 30px;    line-height: 30px;    border: 1px solid #fff;  }  .main-menu .navigation >li >ul >li{    padding: 0px;    border-bottom: 1px solid #fff;  }  .main-menu .navigation >li >ul >li:hover{    background: #333;    border-bottom: 1px solid #fff;  }  .main-menu .navigation >li >ul >li:before,  .main-menu .navigation >li >ul >li >ul >li:before{    display: none;  }  .main-menu .navigation >li >ul >li >ul >li >a{    color: #fff !important;  }  .about-section .content-box,  .faq-section .content-box{    margin: 0px 0px 30px 0px;  }  .about-section .video-content .image-box .image-1{    float: none;  }  .about-section .video-content .video-icon {    position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);  }  .work-section .inner-box .column:before,  .testimonial-section .image-column,  .subscribe-section:before{    display: none;  }  .work-section .inner-box .single-item{    margin-bottom: 30px;  }  .event-block-one{    margin-bottom: 30px;  }  .work-section .inner-box{    padding-bottom: 80px;  }  .event-section,  .news-section{    padding-bottom: 90px;  }  .news-block-one{    margin-bottom: 30px;  }  .subscribe-section .left-content .theme-btn{    background: #fff;    color: #000;  }  .subscribe-section .left-content .theme-btn:hover{    background: #000;    color: #fff;  }  .subscribe-section .left-content{    padding: 0px;    margin-bottom: 30px;  }  .subscribe-section h2{    margin-bottom: 20px;  }  .subscribe-section .right-content .form-group input[type='email']{    max-width: 290px;  }  .main-footer .footer-top .logo-widget{    margin: 0px 30px 30px 0px;  }  .main-footer .footer-top .links-widget{    margin-bottom: 30px;  }  .main-footer .footer-bottom .left-content,  .main-footer .footer-bottom .right-content{    display: block;    float: none;    text-align: center;  }  .main-footer .footer-bottom .right-content .footer-nav{    margin-right: 0px;    display: block;    margin-bottom: 10px;  }  .main-footer .footer-bottom .left-content .copyright{    margin: 0px 0px 10px 0px;  }  .about-section .video-content .image-box .image-2{    display: none;  }  .about-section{    padding: 120px 0px;  }  .feature-section .feature-content .feature-block:before{    display: none;  }  .feature-section .feature-content .feature-block{    width: 50%;  }  .service-style-two .tabs-content .inner-box{    top: 0px;    margin: 50px 0px 0px 0px;  }  .work-style-two .sec-title{    padding-top: 110px;  }  .work-style-two .inner-content .inner-box .image-box,  .about-page-section .about-page-content .content-style-two .text{    margin: 0px 0px 30px 0px;  }  .work-style-two .inner-content .inner-box:last-child .content-box{    margin-bottom: 30px;  }  .work-style-two .inner-content .inner-box:last-child .image-box{    margin: 0px;  }  .service-details .service-details-content .content-style-two .single-item{    margin-bottom: 30px;  }  .service-details .service-details-content{    padding-bottom: 80px;  }  .team-details .single-team-member .image-box{    margin-bottom: 30px;  }  .team-details .single-team-member .inner-box{    margin-bottom: 0px;  }  .team-details .single-team-member{    padding: 70px 0px;  }  .team-details .team-social-bar .content-box{    float: none;    display: block;    text-align: center;  }  .team-details .lower-content .content-box{    margin-bottom: 40px;  }  .team-details .lower-content .sidebar{    margin-left: 0px;  }  .career-page-section .career-sidebar{    margin: 0px;  }  .faq-page-section .faq-sidebar{    margin: 40px 0px 0px 0px;  }  .pricing-table{    margin-bottom: 30px;  }  .pricing-section{    padding-bottom: 90px;  }  .sidebar-page-container .sidebar{    margin: 30px 0px 0px 0px;  }  .sidebar-page-container{    padding-bottom: 90px;  }  .contact-section .info-column .contact-info{    margin-right: 0px;  }  .testimonial-section .content-box,  .about-page-section .sidebar,  .service-sidebar{    margin-right: 0px;  }  .career-page-section{    padding: 110px 0px 120px 0px;  }  }@media only screen and (max-width: 767px){		.main-slider .content-box{    max-width: 100%;  }  .about-section,  .faq-section,  .ebook-section,  .about-section.style-two,  .faq-page-section{    padding: 70px 0px;  }  .service-section,  .event-section,  .news-section,  .about-page-section .about-page-content,  .service-page-section .service-content,  .service-details .service-details-content,  .pricing-section{    padding: 65px 0px 40px 0px;  }  .work-section{    padding-top: 65px;  }  .testimonial-section{    padding: 60px 0px;  }  .ebook-section .image-box .image{    margin-bottom: 60px;  }  .main-header .search-box-outer .dropdown-menu{    right: -250px;  }  .about-section.style-two .content-box{    margin: 30px 0px 0px 0px;  }  .service-style-two,  .career-page-section{    padding: 65px 0px 70px 0px;  }  .work-style-two .sec-title{    padding-top: 70px;  }  .main-footer .footer-top .logo-widget{    margin-right: 0px;  }  .main-footer .footer-top .widget-title {    margin-bottom: 15px !important;  }  .about-page-section .about-page-content .content-style-one .title-box .sec-title{    float: none;    display: block;  }  .about-page-section .about-page-content .content-style-one .social-links{    float: none;    display: block;    margin-top: 30px;  }  .about-page-section .about-page-content .content-style-three .certificates .image-box{    margin-bottom: 30px;  }  .service-details .service-details-content .content-style-one .image-box{    margin-top: 30px;  }  .team-section{    padding: 70px 0px 30px 0px;  }  .team-details .lower-content{    padding: 70px 0px;  }  .faq-page-section .faq-content-side .faq-content-two .accordion-box,  .faq-page-section .faq-content-side .faq-content-one .accordion-box{    max-height: 100%;  }  .page-title,  .error-section{    padding: 100px 0px;  }  .sidebar-page-container{    padding: 70px 0px 40px 0px;  }  .blog-details .top-post{    padding-top: 100px;  }  .sidebar-page-container .blog-details-content .inner-box .two-column .image-box{    margin-bottom: 30px;  }  .contact-section .info-column{    padding: 70px 15px;  }  .contact-section .contact-form-area{    padding: 60px 30px;  }  .about-section.style-two .image-box .image:before,  .about-section.style-two .image-box .image:after{    display: none;  }  .work-style-two .inner-content{    padding-bottom: 70px;  }  .service-sidebar{    padding: 60px 30px;  }  .about-section.style-two .image-box{    margin-right: 0px;  }  .about-page-section .sidebar{    padding: 70px 30px 50px 30px;  }  .main-slider .owl-dots{    display: none;  }  .feature-section{    padding: 55px 0px;  }	}@media only screen and (max-width: 599px){	 .subscribe-section .right-content .form-group input[type='email']{  max-width: 100%;  margin-bottom: 15px; } .subscribe-section .right-content .form-group button{  position: relative;  width: 100%; } .feature-section .feature-content .feature-block{  width: 100%; } .team-details .team-social-bar .call{  margin-right: 30px; } .error-section .error-img img{  width: 100%; } .subscribe-section .right-content, .career-page-section .career-content-box .category .inner-box .single-item{  max-width: 100%; } .main-header .header-top{  padding: 10px 30px 14px 30px; } .team-details .lower-content .sidebar{  padding: 70px 30px 50px 30px; } .career-page-section .career-content-box .category .inner-box .single-item{  margin: 0px 0px 10px 0px; } .main-slider .slide, .main-slider.style-two .slide{  padding: 80px 0px; } .feature-section .feature-content .feature-block{  padding: 15px 15px; } .faq-section.style-two .inner-content{  padding-bottom: 70px; } .work-section .inner-box{  padding-bottom: 40px; }}@media only screen and (max-width: 499px){  .sec-title h1,  .page-title .content-box h1,  .faq-page-section .faq-content-side h1,  .team-details .single-team-member .content-box h1,  .main-slider .content-box h1,  .blog-details .top-post .content-box h1{    font-size: 35px;    line-height: 45px;  }  .sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .comment-info,  .sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .replay-btn{    float: none;    display: block;  }  .sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .comment-info{    margin-bottom: 5px;  }  .main-header .search-box-outer{    margin: 0px;  }  .main-header .header-bottom .nav-outer .outer-box .btn-box{    display: none;  }  .main-header .header-bottom .nav-outer .outer-box{    top: 10px;  }  .main-header .search-box-outer .dropdown-menu{    right: -15px;  }  .main-header .header-top .top-right .topbar-info li{    display: block;    margin: 0px !important;  }  .main-slider .content-box{    padding: 55px 30px 67px 30px;  }  .main-header.style-two .outer-container{    padding: 0px;  }  .service-style-two .tabs-content .inner-box .lower-content{    padding: 30px 15px;  }  .testimonial-section.style-two .testimonial-content{    padding-left: 0px;  }  .testimonial-section.style-two .testimonial-content:before{    display: none;  }  .testimonial-section.style-two .client-thumb-outer{    margin-left: 0px;  }  .team-details .team-social-bar .call{    display: block;    margin: 0px;    margin-bottom: 15px;  }  .team-details .team-social-bar .social-style-one{    display: block;  }  .sidebar-page-container .blog-details-content .author-box .author-content{    padding: 0px;  }  .sidebar-page-container .blog-details-content .author-box .author-image{    position: relative;    margin-bottom: 15px;  }  .service-style-two .content-box .tab-btns li{    padding-left: 0px;  }  .service-style-two .content-box .tab-btns li:before{    display: none;  }  .sidebar-page-container .blog-details-content .comments-area .comment .comment-inner .comment-time{    margin-bottom: 5px;  }  .contact-section .contact-form-area{    padding: 60px 15px;  }}@media only screen and (max-width: 399px){	.main-header .header-bottom{    padding: 0px 15px;  }  .pagination li{    margin: 0px 4px;  }}/* =============== Mobile menu ===================== */@media only screen and (max-width: 991px) {  .header-top .links-nav li{    margin-right: 15px;  }   .main-menu .navbar-header{    position: relative;    float:none;    display:block;    text-align:left;    width:100%;    top: 0px;    padding-bottom: 30px;  }  .main-header .main-menu {    width: 100%;  }    .main-menu .navbar-header .navbar-toggle{    display:inline-block;    z-index:7;    float:none;    padding: 10px;    cursor: pointer;    border-radius:0px;    background: #6ecc84;  }    .main-menu .navbar-header .navbar-toggle .icon-bar{    background: #ffffff;    height: 2px;    width: 29px;    display:  block;    margin: 5px;  }  .main-menu .collapse {    overflow:auto;    float:none;    width:100%;    padding:0px 0px 0px;    border:none;    margin:0px;    max-height: 320px;    -ms-border-radius:3px;    -moz-border-radius:3px;    -webkit-border-radius:3px;    -o-border-radius:3px;    border-radius:3px;   }   .main-menu .navbar-collapse >.navigation{    float:none !important;    margin:0px !important;    width:100% !important;    background: #333333;    border:1px solid #ffffff;  }    .main-menu .navbar-collapse >.navigation >li{    margin:0px !important;    float:none !important;    width:100%;    border-bottom: 1px solid #ffffff !important;  }    .main-menu .navigation >li >a,  .main-menu .navigation >li >ul:before{    border:none;    }    .main-menu .navbar-collapse >.navigation >li >a{    padding:10px 10px !important;    border:none !important;  }    .main-menu .navigation li.dropdown >a:after,  .main-menu .navigation >li.dropdown >a:before,  .main-menu .navigation >li >ul >li >a::before,  .main-menu .navigation >li >ul >li >ul >li >a::before{    color:#ffffff !important;    right:15px;    font-size:16px;    display:none !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;    padding:0px;    left:auto !important;    right:auto !important;    top:auto !important;    width:100%;    background: #333333;    -webkit-border-radius:0px;    -ms-border-radius:0px;    -o-border-radius:0px;    -moz-border-radius:0px;    border-radius:0px;    transition:none !important;    -webkit-transition:none !important;    -ms-transition:none !important;    -o-transition:none !important;    -moz-transition:none !important;    box-shadow:none !important;  }      .main-menu .navbar-collapse >.navigation >li >ul,  .main-menu .navbar-collapse >.navigation >li >ul >li >ul{    border-top:1px solid rgba(255,255,255) !important;  }  .main-menu .navbar-collapse >.navigation >li:last-child{    border-bottom: none;  }   .main-menu .navbar-collapse >.navigation >li >a,  .main-menu .navbar-collapse >.navigation >li >ul >li >a,  .main-menu .navbar-collapse >.navigation >li >ul >li >ul >li >a{    padding:12px 15px !important;    line-height:22px;    color: #fff;    background: #333333;    text-align:left;    min-height:0px;  }    .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,  .main-menu .navbar-collapse >.navigation >li.current-menu-item >a{    color: #ffffff !important;    background: #333333;  }    .main-menu .navbar-collapse >.navigation li.dropdown .dropdown-btn{    display:block;  }    .main-menu .navbar-collapse >.navigation li.dropdown:after,  .main-menu .navigation >li >ul:before{    display:none !important;    }}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/6545(当前备注仅在演示里出现，下载源码不包含)*/