/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5188(此说明不在下载的源码里，只用在演示页面里)*/@media only screen and (min-width: 992px) and (max-width: 1199px) {    /* page title */    .page-title h2 {        font-size: 36px;    }    /* banner */    .banner .banner-content {        padding: 332px 0 199px;    }    .banner .banner-content h1 {        font-size: 40px;    }    /* about */    .about .part-right {        padding-left: 0;    }    .about .part-right h2 {        font-size: 36px;        line-height: 56px;    }    .about .part-right h2 br {        display: none;    }    .about .single-feature.add-tspace {        margin-top: 0;    }    .about .part-right a {        margin-bottom: 40px;    }     /* call to action  */    .call-to-action h2 {        text-align: center;    }    .call-to-action a {        float: none;        left: 50%;        margin-left: -85px;        position: relative;        margin-top: 30px;    }    /* faq */    .faq .accordion .card .card-header h5 button {        white-space: normal;    }    /* feature */    .feature .feature-slider .owl-controls .owl-nav {        display: none!important;    }         /* about page  */    .about.about-page {        padding-bottom: 90px;    }    .about.about-page .single-feature {        margin-bottom: 30px;    }    /* service */    .service .single-service .part-text p br {        display: none;    }        /* page title  */    .page-title {        padding: 231px 0 141px;    }}@media only screen and (min-width: 768px) and (max-width: 991px) {    /* page title */    .page-title {        padding: 172px 0 106px;    }    .page-title.add-space {        padding-bottom: 114px;    }    .page-title h2 {        font-size: 24px;    }    .page-title .scroll-down {        display: none;    }    /* about >about page */    .about.about-page {        padding-bottom: 90px;    }    /* skill */    .skill {        padding-bottom: 80px;    }    .skill .single-skill {        margin-bottom: 40px;    }    /* section title */    .section-title h2 {        font-size: 24px;        font-weight: 600;        line-height: 34px;    }    /* banner */    .banner .banner-content {        padding: 180px 0 120px;    }    .banner .banner-content h1 {        font-size: 28px;        font-weight: 600;    }    .banner .banner-content p {        font-size: 16px;        line-height: 30px;    }    .banner .scroll-down {        display: none;    }    /* header */    .header {        border-bottom: none;        background: #3b30ed;    }    .header .main-menu {        width: 100%;    }    .header .main-menu .navbar     {        float: none;    }    .header .main-menu .navbar .nav-item .nav-link {        margin: 0;        padding: 15px;        border-bottom: 1px solid rgba(255, 255, 255, 0.10);    }    .header .main-menu .navbar .nav-item:last-child .nav-link {        border-bottom: none;    }    .header .main-menu .navbar .nav-item .nav-link:after {        display: none;    }    .header .navbar-toggler {        border: 1px solid #fff;        width: 42px;        height: 42px;        float: right;        padding: 0;        color: #fff;        font-size: 25px;        margin: 8px 0;        position: relative;    }    .header .navbar-toggler:focus {        outline: none;    }    /* about */    .about {        padding-top: 120px;    }    .about .single-feature.add-tspace {        margin-top: 0;    }    .about .part-right h2 {        font-size: 24px;        font-weight: 600;        margin-bottom: 20px;        line-height: 34px;    }    .about .part-right h2 br {        display: none;    }    .about .part-right p {        max-width: 100%;    }    .about .part-img {        margin-bottom: 30px;    }    /* call to action  */    .call-to-action h2 {        font-size: 24px;        text-align: center;    }    .call-to-action a {        float: none;        left: 50%;        margin-left: -85px;        position: relative;        margin-top: 30px;    }    /* faq */    .faq .accordion .card .card-header h5 button {        white-space: normal;    }        /* feature */    .feature .feature-slider .owl-controls .owl-nav {        display: none!important;    }      .featured-product .part-img {        margin-bottom: 40px;    }        /* footer */    .footer-top-area {        padding: 120px 0 94px;    }    .footer-top-area .part-link {        margin-bottom: 18px;    }     /* featured products */    .featured-product.featured-product-page {        padding-top: 114px;    }    /* blog */    .blog .single-blog .part-text {        margin-top: 30px;    }    .blog .single-blog .part-text h3 {        margin-bottom: 20px;    }    .blog .single-blog .part-text .meta-info {        display: none;    }    .blog .single-blog .part-text {        padding: 0 30px 30px;    }    /* blog details */    .blog .single-blog .part-text.blog-details-text {        padding: 0 30px 10px;    }    .blog .comments {        padding: 30px;    }    .blog .comments h3.title {        margin-bottom: 8px;        font-size: 18px;    }    .blog .comments .single-comment {        padding: 20px 0px 20px;        border: none;        border-bottom: 1px solid rgba(61, 81, 105, 0.2);    }    .blog .comments .single-comment:first-child {        padding-top: 0;    }    .blog .comments .single-comment:last-child {        padding-bottom: 0;        border-bottom: none;    }    .blog .comments .single-comment .part-img {        float: none;        margin-right: 0;        margin-bottom: 20px;    }    .blog .comments .single-comment .part-text {        padding-right: 0;    }    .blog .comments .single-comment .part-text p {        font-size: 14px;        line-height: 26px;    }    .blog .comments .single-comment.reply-comment {        padding-left: 0px;    }    .blog .comments .single-comment .part-text .reply-btn {        width: 80px;        height: 35px;        line-height: 30px;        position: initial;        margin-top: 14px;    }    .blog .comment-box {        padding: 24px 30px 30px;    }    .blog .comment-box .comment-form textarea {        padding: 14px 20px;        font-size: 14px;        height: 200px;        margin-bottom: 13px;    }    .blog .comment-box .comment-form input {        height: 50px;        padding: 0 20px;        font-size: 14px;        margin-bottom: 20px;    }    .blog .comment-box .comment-form button {        height: 50px;    }    .blog .comment-box h3.title {        font-size: 18px;    }    .blog .pagination .page-link {        padding: 10px 15px;     }}@media only screen and (min-width: 576px) and (max-width: 767px) {    /* page title */    .page-title {        padding: 172px 0 106px;    }    .page-title.add-space {        padding-bottom: 114px;    }    .page-title h2 {        font-size: 24px;    }    .page-title .scroll-down {        display: none;    }    /* about >about page */    .about.about-page {        padding-bottom: 90px;    }    /* skill */    .skill {        padding-bottom: 80px;    }    .skill .single-skill {        margin-bottom: 40px;    }    /* section title */    .section-title h2 {        font-size: 24px;        font-weight: 600;        line-height: 34px;    }    /* banner */    .banner .banner-content {        padding: 180px 0 120px;    }    .banner .banner-content h1 {        font-size: 28px;        font-weight: 600;    }    .banner .banner-content p {        font-size: 16px;        line-height: 30px;    }    .banner .scroll-down {        display: none;    }    /* header */    .header {        border-bottom: none;        background: #3b30ed;    }    .header .main-menu {        width: 100%;    }    .header .main-menu .navbar     {        float: none;    }    .header .main-menu .navbar .nav-item .nav-link {        margin: 0;        padding: 15px;        border-bottom: 1px solid rgba(255, 255, 255, 0.10);    }    .header .main-menu .navbar .nav-item:last-child .nav-link {        border-bottom: none;    }    .header .main-menu .navbar .nav-item .nav-link:after {        display: none;    }    .header .navbar-toggler {        border: 1px solid #fff;        width: 42px;        height: 42px;        float: right;        padding: 0;        color: #fff;        font-size: 25px;        margin: 8px 0;        position: relative;    }    .header .navbar-toggler:focus {        outline: none;    }    /* about */    .about {        padding-top: 120px;    }    .about .single-feature.add-tspace {        margin-top: 0;    }    .about .part-right h2 {        font-size: 24px;        font-weight: 600;        margin-bottom: 20px;        line-height: 34px;    }    .about .part-right h2 br {        display: none;    }    .about .part-right p {        max-width: 100%;    }    .about .part-img {        margin-bottom: 30px;    }    /* call to action  */    .call-to-action h2 {        font-size: 24px;        text-align: center;    }    .call-to-action a {        float: none;        left: 50%;        margin-left: -85px;        position: relative;        margin-top: 30px;    }    /* feature */    .feature {        padding: 113px 0 114px;    }    .feature .feature-slider .owl-stage {        margin-top: 120px;    }    .feature .feature-slider .single-feature {        padding: 0;        text-align: center;        margin-top: 0;    }    .feature .feature-slider .single-feature h3 {        font-size: 22px;        line-height: 34px;        font-weight: 600;        margin-bottom: 12px;    }    .feature .feature-slider .single-feature p {        font-size: 16px;        line-height: 30px;        margin-bottom: 0;    }    .featured-product .part-img {        margin-bottom: 40px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot {        display: none;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot.active {        display: block;        position: relative;        left: 50%;        margin-left: -65px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:first-child .single-circle {        margin-left: 20px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:last-child .single-circle {        margin-right: 20px;    }    .feature .feature-slider .owl-controls .owl-dots {        left: 0;        margin-left: 0;    }    /* clients */      /* faq */    .faq .section-title {        text-align: center;        padding-right: 0;        margin-bottom: 50px;    }    .faq .accordion .card .card-header h5 button {        white-space: normal;        padding: 0 30px;        font-size: 16px;    }    .faq .accordion .card .card-header h5 button:after {        display: none;    }    .faq .accordion .card .card-body {        padding-left: 30px;        padding-right: 30px;        font-size: 14px;        line-height: 26px;    }    .page-title.add-space-for-faq {        padding-bottom: 108px;    }    /* footer */    .footer-top-area {        padding: 120px 0 94px;    }    .footer-top-area .part-link {        margin-bottom: 18px;    }     /* featured products */    .featured-product.featured-product-page {        padding-top: 114px;    }    /* blog */    .blog .single-blog .part-text {        margin-top: 30px;    }    .blog .single-blog .part-text h3 {        margin-bottom: 20px;    }    .blog .single-blog .part-text .meta-info {        display: none;    }    .blog .single-blog .part-text {        padding: 0 30px 30px;    }    /* blog details */    .blog .single-blog .part-text.blog-details-text {        padding: 0 30px 10px;    }    .blog .comments {        padding: 30px;    }    .blog .comments h3.title {        margin-bottom: 8px;        font-size: 18px;    }    .blog .comments .single-comment {        padding: 20px 0px 20px;        border: none;        border-bottom: 1px solid rgba(61, 81, 105, 0.2);    }    .blog .comments .single-comment:first-child {        padding-top: 0;    }    .blog .comments .single-comment:last-child {        padding-bottom: 0;        border-bottom: none;    }    .blog .comments .single-comment .part-img {        float: none;        margin-right: 0;        margin-bottom: 20px;    }    .blog .comments .single-comment .part-text {        padding-right: 0;    }    .blog .comments .single-comment .part-text p {        font-size: 14px;        line-height: 26px;    }    .blog .comments .single-comment.reply-comment {        padding-left: 0px;    }    .blog .comments .single-comment .part-text .reply-btn {        width: 80px;        height: 35px;        line-height: 30px;        position: initial;        margin-top: 14px;    }    .blog .comment-box {        padding: 24px 30px 30px;    }    .blog .comment-box .comment-form textarea {        padding: 14px 20px;        font-size: 14px;        height: 200px;        margin-bottom: 13px;    }    .blog .comment-box .comment-form input {        height: 50px;        padding: 0 20px;        font-size: 14px;        margin-bottom: 20px;    }    .blog .comment-box .comment-form button {        height: 50px;    }    .blog .comment-box h3.title {        font-size: 18px;    }    .blog .pagination .page-link {        padding: 10px 15px;     }}@media only screen and (min-width: 480px) and (max-width: 575px) {    /* page title */    .page-title {        padding: 172px 0 106px;    }    .page-title.add-space {        padding-bottom: 114px;    }    .page-title h2 {        font-size: 24px;    }    .page-title .scroll-down {        display: none;    }    /* about >about page */    .about.about-page {        padding-bottom: 90px;    }    /* skill */    .skill {        padding-bottom: 80px;    }    .skill .single-skill {        margin-bottom: 40px;    }    /* section title */    .section-title h2 {        font-size: 24px;        font-weight: 600;        line-height: 34px;    }    /* banner */    .banner .banner-content {        padding: 180px 0 120px;    }    .banner .banner-content h1 {        font-size: 28px;        font-weight: 600;    }    .banner .banner-content p {        font-size: 16px;        line-height: 30px;    }    .banner .scroll-down {        display: none;    }    /* header */    .header {        border-bottom: none;        background: #3b30ed;    }    .header .main-menu {        width: 100%;    }    .header .main-menu .navbar     {        float: none;    }    .header .main-menu .navbar .nav-item .nav-link {        margin: 0;        padding: 15px;        border-bottom: 1px solid rgba(255, 255, 255, 0.10);    }    .header .main-menu .navbar .nav-item:last-child .nav-link {        border-bottom: none;    }    .header .main-menu .navbar .nav-item .nav-link:after {        display: none;    }    .header .navbar-toggler {        border: 1px solid #fff;        width: 42px;        height: 42px;        float: right;        padding: 0;        color: #fff;        font-size: 25px;        margin: 8px 0;        position: relative;    }    .header .navbar-toggler:focus {        outline: none;    }    /* about */    .about {        padding-top: 120px;    }    .about .single-feature.add-tspace {        margin-top: 0;    }    .about .part-right h2 {        font-size: 24px;        font-weight: 600;        margin-bottom: 20px;        line-height: 34px;    }    .about .part-right p {        max-width: 100%;    }    .about .part-img {        margin-bottom: 30px;    }    /* call to action  */    .call-to-action h2 {        font-size: 24px;        text-align: center;    }    .call-to-action a {        float: none;        left: 50%;        margin-left: -85px;        position: relative;        margin-top: 30px;    }    /* feature */    .feature {        padding: 113px 0 114px;    }    .feature .feature-slider .owl-stage {        margin-top: 120px;    }    .feature .feature-slider .single-feature {        padding: 0;        text-align: center;        margin-top: 0;    }    .feature .feature-slider .single-feature h3 {        font-size: 22px;        line-height: 34px;        font-weight: 600;        margin-bottom: 12px;    }    .feature .feature-slider .single-feature p {        font-size: 16px;        line-height: 30px;        margin-bottom: 0;    }    .featured-product .part-img {        margin-bottom: 40px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot {        display: none;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot.active {        display: block;        position: relative;        left: 50%;        margin-left: -65px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:first-child .single-circle {        margin-left: 20px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:last-child .single-circle {        margin-right: 20px;    }    .feature .feature-slider .owl-controls .owl-dots {        left: 0;        margin-left: 0;    }    /* clients */      /* faq */    .faq .section-title {        text-align: center;        padding-right: 0;        margin-bottom: 50px;    }    .faq .accordion .card .card-header h5 button {        white-space: normal;        padding: 0 30px;        font-size: 16px;    }    .faq .accordion .card .card-header h5 button:after {        display: none;    }    .faq .accordion .card .card-body {        padding-left: 30px;        padding-right: 30px;        font-size: 14px;        line-height: 26px;    }    .page-title.add-space-for-faq {        padding-bottom: 108px;    }    /* footer */    .footer-top-area {        padding: 120px 0 94px;    }    .footer-top-area .part-link {        margin-bottom: 18px;    }     /* featured products */    .featured-product.featured-product-page {        padding-top: 114px;    }    /* blog */    .blog .single-blog .part-text {        margin-top: 30px;    }    .blog .single-blog .part-text h3 {        margin-bottom: 20px;    }    .blog .single-blog .part-text .meta-info {        display: none;    }    .blog .single-blog .part-text {        padding: 0 30px 30px;    }    /* blog details */    .blog .single-blog .part-text.blog-details-text {        padding: 0 30px 10px;    }    .blog .comments {        padding: 30px;    }    .blog .comments h3.title {        margin-bottom: 8px;        font-size: 18px;    }    .blog .comments .single-comment {        padding: 20px 0px 20px;        border: none;        border-bottom: 1px solid rgba(61, 81, 105, 0.2);    }    .blog .comments .single-comment:first-child {        padding-top: 0;    }    .blog .comments .single-comment:last-child {        padding-bottom: 0;        border-bottom: none;    }    .blog .comments .single-comment .part-img {        float: none;        margin-right: 0;        margin-bottom: 20px;    }    .blog .comments .single-comment .part-text {        padding-right: 0;    }    .blog .comments .single-comment .part-text p {        font-size: 14px;        line-height: 26px;    }    .blog .comments .single-comment.reply-comment {        padding-left: 0px;    }    .blog .comments .single-comment .part-text .reply-btn {        width: 80px;        height: 35px;        line-height: 30px;        position: initial;        margin-top: 14px;    }    .blog .comment-box {        padding: 24px 30px 30px;    }    .blog .comment-box .comment-form textarea {        padding: 14px 20px;        font-size: 14px;        height: 200px;        margin-bottom: 13px;    }    .blog .comment-box .comment-form input {        height: 50px;        padding: 0 20px;        font-size: 14px;        margin-bottom: 20px;    }    .blog .comment-box .comment-form button {        height: 50px;    }    .blog .comment-box h3.title {        font-size: 18px;    }    .blog .pagination .page-link {        padding: 10px 15px;     }}@media only screen and (min-width: 320px) and (max-width: 479px) {    /* page title */    .page-title {        padding: 172px 0 106px;    }    .page-title.add-space {        padding-bottom: 114px;    }    .page-title h2 {        font-size: 24px;    }    .page-title .scroll-down {        display: none;    }    /* about >about page */    .about.about-page {        padding-bottom: 90px;    }    /* skill */    .skill {        padding-bottom: 80px;    }    .skill .single-skill {        margin-bottom: 40px;    }    /* section title */    .section-title h2 {        font-size: 24px;        font-weight: 600;        line-height: 34px;    }    /* banner */    .banner .banner-content {        padding: 180px 0 120px;    }    .banner .banner-content h1 {        font-size: 28px;        font-weight: 600;    }    .banner .banner-content p {        font-size: 16px;        line-height: 30px;    }    .banner .scroll-down {        display: none;    }    /* header */    .header {        border-bottom: none;        background: #3b30ed;    }    .header .main-menu {        width: 100%;    }    .header .main-menu .navbar     {        float: none;    }    .header .main-menu .navbar .nav-item .nav-link {        margin: 0;        padding: 15px;        border-bottom: 1px solid rgba(255, 255, 255, 0.10);    }    .header .main-menu .navbar .nav-item:last-child .nav-link {        border-bottom: none;    }    .header .main-menu .navbar .nav-item .nav-link:after {        display: none;    }    .header .navbar-toggler {        border: 1px solid #fff;        width: 42px;        height: 42px;        float: right;        padding: 0;        color: #fff;        font-size: 25px;        margin: 8px 0;        position: relative;    }    .header .navbar-toggler:focus {        outline: none;    }    /* about */    .about {        padding-top: 120px;    }    .about .single-feature {        padding: 29px 30px 3px;    }    .about .single-feature.add-tspace {        margin-top: 0;    }    .about .part-right h2 {        font-size: 24px;        font-weight: 600;        margin-bottom: 20px;        line-height: 34px;    }    .about .part-right p {        max-width: 100%;    }    .about .part-img {        margin-bottom: 30px;    }    /* call to action  */    .call-to-action h2 {        font-size: 24px;        text-align: center;    }    .call-to-action a {        float: none;        left: 50%;        margin-left: -85px;        position: relative;        margin-top: 30px;    }    /* feature */    .feature {        padding: 113px 0 114px;    }    .feature .feature-slider .owl-stage {        margin-top: 120px;    }    .feature .feature-slider .single-feature {        padding: 0;        text-align: center;        margin-top: 0;    }    .feature .feature-slider .single-feature h3 {        font-size: 22px;        line-height: 34px;        font-weight: 600;        margin-bottom: 12px;    }    .feature .feature-slider .single-feature p {        font-size: 16px;        line-height: 30px;        margin-bottom: 0;    }    .featured-product .part-img {        margin-bottom: 40px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot {        display: none;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot.active {        display: block;        position: relative;        left: 50%;        margin-left: -65px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:first-child .single-circle {        margin-left: 20px;    }    .feature .feature-slider .owl-controls .owl-dots .owl-dot:last-child .single-circle {        margin-right: 20px;    }    .feature .feature-slider .owl-controls .owl-dots {        left: 0;        margin-left: 0;    }    /* clients */      /* faq */    .faq .section-title {        text-align: center;        padding-right: 0;        margin-bottom: 50px;    }    .faq .accordion .card .card-header h5 button {        white-space: normal;        padding: 0 30px;        font-size: 16px;    }    .faq .accordion .card .card-header h5 button:after {        display: none;    }    .faq .accordion .card .card-body {        padding-left: 30px;        padding-right: 30px;        font-size: 14px;        line-height: 26px;    }    .page-title.add-space-for-faq {        padding-bottom: 108px;    }    /* footer */    .footer-top-area {        padding: 120px 0 94px;    }    .footer-top-area .part-link {        margin-bottom: 18px;    }     /* featured products */    .featured-product.featured-product-page {        padding-top: 114px;    }    /* blog */    .blog .single-blog .part-text {        margin-top: 30px;    }    .blog .single-blog .part-text h3 {        margin-bottom: 20px;    }    .blog .single-blog .part-text .meta-info {        display: none;    }    .blog .single-blog .part-text {        padding: 0 30px 30px;    }    /* blog details */    .blog .single-blog .part-text.blog-details-text {        padding: 0 30px 10px;    }    .blog .comments {        padding: 30px;    }    .blog .comments h3.title {        margin-bottom: 8px;        font-size: 18px;    }    .blog .comments .single-comment {        padding: 20px 0px 20px;        border: none;        border-bottom: 1px solid rgba(61, 81, 105, 0.2);    }    .blog .comments .single-comment:first-child {        padding-top: 0;    }    .blog .comments .single-comment:last-child {        padding-bottom: 0;        border-bottom: none;    }    .blog .comments .single-comment .part-img {        float: none;        margin-right: 0;        margin-bottom: 20px;    }    .blog .comments .single-comment .part-text {        padding-right: 0;    }    .blog .comments .single-comment .part-text p {        font-size: 14px;        line-height: 26px;    }    .blog .comments .single-comment.reply-comment {        padding-left: 0px;    }    .blog .comments .single-comment .part-text .reply-btn {        width: 80px;        height: 35px;        line-height: 30px;        position: initial;        margin-top: 14px;    }    .blog .comment-box {        padding: 24px 30px 30px;    }    .blog .comment-box .comment-form textarea {        padding: 14px 20px;        font-size: 14px;        height: 200px;        margin-bottom: 13px;    }    .blog .comment-box .comment-form input {        height: 50px;        padding: 0 20px;        font-size: 14px;        margin-bottom: 20px;    }    .blog .comment-box .comment-form button {        height: 50px;    }    .blog .comment-box h3.title {        font-size: 18px;    }    .blog .pagination .page-link {        padding: 10px 15px;     }}/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5188(此说明不在下载的源码里，只用在演示页面里)*/