/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/229(此说明不在下载的源码里，只用在演示页面里)*/    @media only screen and (max-width: 1199px) {    .container {        width: 724px;    }    .menu .navigation {        display: none;    }    .menu .menu-tougle {        float: right;        margin-top: 44px;    }    .main-section .content {        width: 724px;        overflow: hidden;        float: none;    }    .main-section .content.content-full-width {        width: 724px;    }    .main-section .sidebar {        float: none;        margin: auto;        overflow: hidden;    }    .hero .owl-buttons .owl-next,    .hero .owl-buttons .owl-prev {        display: none;    }    .hero .carousel.carousel-3-items.owl-carousel.owl-theme .owl-pagination {        display: none;    }    .main-section .content .post-two-columns-1,    .main-section .content .post-three-columns {        width: 347px;        overflow: hidden;    }    .main-section .content .post-two-columns-2 {        margin: auto;        float: none;    }    .main-section .content .post-two-columns-2:nth-child(2n) {        margin: auto;        float: none;    }    .main-section .content .post-one-column{        height: auto;    }    .main-section .content .post-two-columns-2 .post-image,    .main-section .content .post-two-columns-2 .post-image,    .main-section .content .post-one-column .post-image,    .main-section .content .post-one-column.post-one-column-two .post-image {        float: none;        width: 570px;        margin: auto;        padding-left: 0;    }    .main-section .content .post-two-columns-2 .post-info,    .main-section .content .post-one-column .post-info,    .main-section .content .post-one-column.post-one-column-two .post-info {        float: none;        margin: auto;    }    .main-section .content .post-three-columns:nth-child(2n) {        margin-right: 0    }    .main-section .content .post-three-columns:nth-child(2n + 1) {        margin-right: 30px;    }    .main-section .content .blog-post-1 .related-posts .related-post,    .main-section .content .blog-post-2 .related-posts .related-post,    .main-section .content .blog-post-3 .related-posts .related-post {        width: 234px;        overflow: hidden;    }    .main-section .content .blog-post-1 .leave-a-reply form .email,    .main-section .content .blog-post-2 .leave-a-reply form .email,    .main-section .content .blog-post-3 .leave-a-reply form .email,    .main-section .content .blog-post-1 .leave-a-reply form .name,    .main-section .content .blog-post-2 .leave-a-reply form .name,    .main-section .content .blog-post-3 .leave-a-reply form .name {        margin-right: 8px;    }    .main-section .content .blog-post-1 .leave-a-reply form .message textarea,    .main-section .content .blog-post-2 .leave-a-reply form .message textarea,    .main-section .content .blog-post-3 .leave-a-reply form .message textarea {        width: 702px;    }    .main-section .content .blog-post-2,    .main-section .content .blog-post-3 {        width: 724px;    }    .main-section .content .blog-post-2 .post-image {        width: 724px;        margin-left: 0;        overflow: hidden;    }}@media only screen and (max-width: 767px) {    .container {        width: 90%;    }    .main-section .content {        width: 280px;        margin: auto;    }    .main-section .content.content-full-width {        width: 280px;        margin: auto;    }    .header {        height: 150px;    }    .header h1.logo {        font-size: 52px;        line-height: 150px;    }    .menu .social-icons {        display: none;    }    .menu .menu-tougle {        margin-top: 30px;    }    .hero .carousel .slide .category {        font-size: 12px;    }    .hero .carousel .slide .category::after {        display: none;    }    .hero .carousel .slide .heading {        font-size: 16px;        width: 90%;        line-height: 22px;        margin-top: 15px;    }    .hero .carousel .slide .date {        font-size: 12px;    }    .hero .carousel .slide {        height: 100%;    }    .hero .carousel .slide .slide-info {        height: 270px;    }    .hero .carousel .owl-pagination {        display: none;    }    .hero .carousel.carousel-3-items.owl-carousel.owl-theme .owl-pagination {        display: none;    }    .main-section .content .post-default .heading {        padding: 0;    }    .main-section .content .post-default .heading a {        font-size: 18px;        line-height: 28px;    }    .main-section .content .post-default .post-image {        height: 300px;        overflow: hidden;        text-align: center;    }    .main-section .content .post-default .post-image img {        height: 100%;    }    .menu-sidebar {        width: 260px;        position: absolute;    }    .instagram ul li {        width: 25%;        margin-top: -3px    }    .footer .copyright {        display: block;        text-align: center;        line-height: 40px;    }    .footer .social-icons {        display: block;        text-align: center;        float: none    }    .footer .social-icons li a {        line-height: 40px;    }    .main-section .content .post-list {        height: auto;    }    .main-section .content .post-list .heading {        padding: 0;    }    .main-section .content .post-one-column .post-image {        padding: 0;        width: 100%;    }    .main-section .content .post-one-column.post-one-column-two .post-image {        padding: 0;        width: 100%;    }    .main-section .content .post-one-column .post-image img {        width: 100%    }    .main-section .content .post-one-column .post-info {        width: 100%;        height: 100%;        padding-bottom: 140px    }    .main-section .content .post-one-column .post-info .heading {        padding: 0;    }    .hero .carousel.carousel-3-items .slide {        height: 50vw;    }    .main-section .content .post-two-columns-1, .main-section .content .post-three-columns {        width: 100%;    }    .main-section .content .post-two-columns-1 img, .main-section .content .post-three-columns img{        width: 100%;    }    .main-section .content .post-two-columns-2 {        width: 100%;    }    .main-section .content .post-two-columns-2 .post-image {        width: 100%;    }    .main-section .content .post-two-columns-2 .post-image img {        width: 100%;    }    .main-section .content .post-two-columns-2 .post-info .heading {        padding: 0;    }    .main-section .content .post-three-columns {        height: auto;        padding-bottom: 50px    }    .main-section .content .blog-post-1 .heading, .main-section .content .blog-post-2 .heading, .main-section .content .blog-post-3 .heading {        padding: 0;    }    .main-section .content .blog-post-1 .about-author >h3, .main-section .content .blog-post-2 .about-author >h3, .main-section .content .blog-post-3 .about-author >h3 {        margin-top: 120px    }    .main-section .content .blog-post-1 .tags li:first-child, .main-section .content .blog-post-2 .tags li:first-child, .main-section .content .blog-post-3 .tags li:first-child {        margin-left: 0;    }    .main-section .content .blog-post-1 .related-posts .related-post, .main-section .content .blog-post-2 .related-posts .related-post, .main-section .content .blog-post-3 .related-posts .related-post {        margin: 0 auto 30px;        width: 100%;        text-align: center;    }    .main-section .content .blog-post-1 .related-posts .related-post .heading, .main-section .content .blog-post-2 .related-posts .related-post .heading, .main-section .content .blog-post-3 .related-posts .related-post .heading {        text-align: center;    }    .main-section .content .blog-post-1 .leave-a-reply form .email, .main-section .content .blog-post-2 .leave-a-reply form .email, .main-section .content .blog-post-3 .leave-a-reply form .email, .main-section .content .blog-post-1 .leave-a-reply form .name, .main-section .content .blog-post-2 .leave-a-reply form .name, .main-section .content .blog-post-3 .leave-a-reply form .name {        width: 280px;        margin: 0;        margin-bottom: 20px;    }    .main-section .content .blog-post-1 .leave-a-reply form .message textarea, .main-section .content .blog-post-2 .leave-a-reply form .message textarea, .main-section .content .blog-post-3 .leave-a-reply form .message textarea {        width: 258px;    }    .main-section .content .blog-post-1 .leave-a-reply form .email input, .main-section .content .blog-post-2 .leave-a-reply form .email input, .main-section .content .blog-post-3 .leave-a-reply form .email input, .main-section .content .blog-post-1 .leave-a-reply form .name input, .main-section .content .blog-post-2 .leave-a-reply form .name input, .main-section .content .blog-post-3 .leave-a-reply form .name input, .main-section .content .blog-post-1 .leave-a-reply form .website input, .main-section .content .blog-post-2 .leave-a-reply form .website input, .main-section .content .blog-post-3 .leave-a-reply form .website input {        width: 258px    }    .main-section .content .blog-post-1 .leave-a-reply .submit input, .main-section .content .blog-post-2 .leave-a-reply .submit input, .main-section .content .blog-post-3 .leave-a-reply .submit input {        width: 280px    }    .main-section .content .blog-post-2, .main-section .content .blog-post-3 {        width: 280px    }    .main-section .content .blog-post-1 .post-text img.left, .main-section .content .blog-post-2 .post-text img.left, .main-section .content .blog-post-3 .post-text img.left {        width: 100%;        float: none;        padding: 0;    }    .main-section .content .blog-post-1 .post-text img.right, .main-section .content .blog-post-2 .post-text img.right, .main-section .content .blog-post-3 .post-text img.right {        width: 100%;        float: none;        padding: 0;    }    .main-section .content .blog-post-1 .post-image, .main-section .content .blog-post-2 .post-image, .main-section .content .blog-post-3 .post-image {        height: 280px    }    .main-section .content .blog-post-1 .post-image img, .main-section .content .blog-post-2 .post-image img, .main-section .content .blog-post-3 .post-image img {        height: 100%;    }    .main-section .content .blog-post-2 .post-image {        height: 280px    }    .main-section .content .blog-post-2 .post-image img {        height: 100%;    }    .main-section .content .blog-post-1.about .post-image {        display: none;    }    .main-section .content .blog-post-1 .social-icons, .main-section .content .blog-post-2 .social-icons, .main-section .content .blog-post-3 .social-icons {        display: block;        text-align: center;    }    .main-section .content .blog-post-1 .tags, .main-section .content .blog-post-2 .tags, .main-section .content .blog-post-3 .tags {        width: 100%;        text-align: center;        margin-top: 0;    }    .main-section .content .blog-post-1 .about-author >h3, .main-section .content .blog-post-2 .about-author >h3, .main-section .content .blog-post-3 .about-author >h3 {        margin-top: 100px    }    .main-section .content .blog-post-1 .about-author img, .main-section .content .blog-post-2 .about-author img, .main-section .content .blog-post-3 .about-author img {        float: none;        text-align: center;        display: block;        margin: auto;        padding: 0;    }    .main-section .content .blog-post-1 .about-author .name, .main-section .content .blog-post-2 .about-author .name, .main-section .content .blog-post-3 .about-author .name {        display: block;        text-align: center;        margin-top: 10px;    }    .main-section .content .blog-post-1 .about-author .social-icons, .main-section .content .blog-post-2 .about-author .social-icons, .main-section .content .blog-post-3 .about-author .social-icons {        width: 100%;        margin: 0;        text-align: center;    }    .main-section .content .blog-post-1 .about-author .text, .main-section .content .blog-post-2 .about-author .text, .main-section .content .blog-post-3 .about-author .text {        text-align: center;    }    .main-section .content .blog-post-1 .comments .comment.comment-replay, .main-section .content .blog-post-2 .comments .comment.comment-replay, .main-section .content .blog-post-3 .comments .comment.comment-replay {        padding-left: 20px    }    .footer {        padding: 30px 0    }    .menu {        height: 70px;    }    .main-section .content .post-default .social-icons li {        margin-right: 10px    }    .main-section .content .post-one-column .post-info .social-icons li {        margin-right: 10px    }    .main-section.about-section .content .post-text {        margin-top: 0;    }    .main-section.about-section .content .post-text h3:first-child { /*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/229(此说明不在下载的源码里，只用在演示页面里)*/