/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4138(这个说明仅在演示里会看到,下载的源码里没有)*/@media (max-width: 1199px) {  .home-one-banner .banner-content {    margin-top: 50px;  }  .service-thumb .thumb {    padding-right: 30px;  }  h2, h2>a {    font-size: 34px;  }  .header-top-info .info-single-item {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;    padding: 0 15px;  }  .header-top-info .info-single-item .icon {    -ms-flex: 0 0 30px;    flex: 0 0 30px;    max-width: 30px;  }  .header-top-info .info-single-item .content {    -ms-flex: 0 0 calc(100% - 30px);    flex: 0 0 calc(100% - 30px);    max-width: calc(100% - 30px);    padding-left: 10px;  }  .info-single-item {    -ms-flex: 0 0 25%;    flex: 0 0 25%;    max-width: 25%;    padding: 0 15px;  }  .info-single-item::before {    display: none;  }  .info-single-item .icon {    max-height: 40px;    min-height: 35px;  }  .info-single-item .content {    width: 100%;  }  .banner-title {    font-size: 48px;  }  .home-two-banner .banner-content-area {    padding: 292px 0 250px 0;  }}@media (max-width: 991px) {  .header-top {    background-color: var(--second-color);    padding-top: 15px;    padding-bottom: 15px;  }  .header-top-info {    padding-left: 0;  }  .header-section.style-two .site-logo {    padding: 18px 10px 29px 10px;  }  .header-section.style-two .site-logo::before {    height: 83px;  }  .header-top-info .info-single-item .content p {    color: #ffffff;  }  .language-select-list select {    color: #ffffff;  }  .language-select-list::before {    border-top-color: #ffffff;  }  .header-bottom {    background-color: #ffffff;  }  .navbar-collapse {    padding-bottom: 20px;  }  .main-menu {    margin-top: 30px;    padding-top: 15px;    padding-left: 0;    border-top: 1px solid #e5e5e5;  }  .main-menu li a,  .header-section.menu-fixed .main-menu li a {    padding: 9px 0;    display: block;  }  .header-section.menu-fixed .main-menu li.menu_has_children:after,  li.menu_has_children:after {    left: 115px;    top: 12px;    right: auto;  }  .header-section.menu-fixed .site-logo {    align-self: center;    padding: 6px 10px 21px 10px;  }  .get-srvice a {    margin-top: 15px;  }  .sub-menu {    position: static;    opacity: 1;    visibility: visible;    display: none;    transition: none;    -webkit-transition: none;    -moz-transition: none;    -ms-transition: none;    -o-transition: none;  }  .sub-menu li a {    padding-left: 30px;  }  .header-section.transparent-menu .main-menu >li >a,  .header-section.transparent-menu .main-menu >li.menu_has_children::after {    color: var(--second-color);  }  .home-one-banner::before {    height: 100%;  }  .banner-content-area {    padding: 260px 0 220px 0;  }  .banner-image {    display: none;  }  .padding-top-125 {    padding-top: 100px;  }  .padding-bottom-125 {    padding-bottom: 100px;  }  .counter-section.style-two {    padding: 100px 0;  }  .counter-section, .history-section-bg {    padding: 100px 0;  }  .about-thumb-area {    margin-top: 65px;  }  .service-content-area {    -ms-flex: 100%;    flex: 0 0 100%;    max-width: 100%;    padding-right: 15px;    margin-top: 55px;  }  .service-thumb {    -ms-flex: 100%;    flex: 0 0 100%;    max-width: 100%;    padding-right: 0;  }  .service-thumb .thumb-area .icon {    left: 92%;    bottom: 55px;  }  .service-content a {    margin-left: 3px;  }  .project-thumb .project-all-link {    margin-left: 25px;    font-size: 24px;  }  .counter-section {    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 50% 93%);    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, 50% 93%);  }  .vide-block {    margin-top: 45px;  }  .send-quote-area {    margin-top: 45px;  }  .history-section-bg .send-quote-area {    margin-top: 0;  }  .section-head-style-two .title {    border-right: none;  }  .section-head-content {    margin-top: 30px;  }  .footer-top {    padding-bottom: 40px;  }  .footer-section .widget {    margin-bottom: 40px;  }  .info-single-item {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;    padding: 15px 15px;  }  .know-section .row div[class*="col"]:nth-child(2) .faq-area {    margin-top: 45px;  }  .quote-message-form .frm-group.select-list-found::before {    top: 20px;  }  .row div[class*="col"]:nth-child(2) .about-content {    margin-top: 45px;  }  .counter-section.style-two::after {    display: none;  }  .counter-section.style-two .counter-single-item .title {    color: #ffffff;  }  .section-heading {    margin-bottom: 45px;  }  .service-item-area.list-view .service-single-inner {    align-items: flex-start;  }  .service-item-area.list-view .service-single-inner .content {    margin-top: 0;  }  .service-item-area.grid-view .service-single-item {    -ms-flex: 50%;    flex: 0 0 50%;    max-width: 50%;  }  .sidebar {    margin-top: 45px;  }  .registration-block-inner, .login-block-inner {    max-width: 100%;  }  .error-wrapper-inner {    max-width: 100%;  }  .comment-form input[type="email"] {    margin-top: 15px;  }  .message-form input[type="email"] {    margin-top: 15px;  }  .counter-section ~ section {    padding-top: 100px;  }}@media (max-width: 767px) {  .header-top-info .info-single-item {    border-right: none;  }  .header-top-info .info-single-item .content p {    font-size: 14px;  }  .header-top-info .info-single-item .icon {    font-size: 16px;    -ms-flex: 0 0 15px;    flex: 0 0 15px;    max-width: 15px;    min-height: auto;  }  .header-top-info .info-single-item .content {    -ms-flex: 0 0 calc(100% - 15px);    flex: 0 0 calc(100% - 15px);    max-width: calc(100% - 15px);    padding-left: 10px;  }  .banner-content-area {    padding: 220px 0 180px 0;  }  .header-top .call-area {    padding-left: 135px;  }  .padding-top-125 {    padding-top: 80px;  }  .padding-bottom-125 {    padding-bottom: 50px;  }  .counter-section.style-two {    padding: 80px 0;  }  .padding-bottom-100 {    padding-bottom: 80px;  }  h2, h2>a {    font-size: 32px;  }  .service-thumb .thumb-area .icon {    left: 120%;  }  .grid-item  {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;  }  .project-overlay-text {    padding: 30px 20px;  }  .testimonail-thumb-area {    padding: 0 50px;  }  .testimonail-thumb-area .thumb {    width: 90px;    height: 90px;  }  .thumb-single.slick-current .thumb {    width: 110px;    height: 110px;  }  .testimonial-content-area .content {    padding: 30px 30px 90px 30px;  }  .history-section-bg {    padding: 80px 0;  }  .counter-section ~ section {    padding-top: 80px;  }  .service-details-item {    -ms-flex: 0 0 50%;    flex: 0 0 50%;    max-width: 50%;    padding-bottom: 20px;  }  .service-details-item-area {    margin-bottom: 25px;  }  .image-block .thumb,  .image-block .content {    width: 100%;  }  .image-block .content {    margin-top: 30px;  }  .breadcrumb-inner .title {    font-size: 38px;  }  .breadcrumb-area {    padding-top: 220px;  }  .project-thumb {    margin-bottom: 30px;  }  .login-form .frm-group a {    width: 125px;  }  .error-wrapper {    padding: 25px;  }  .navbar-collapse {    max-height: 320px;    overflow-y: scroll;  }  .company-mission-vission-section {    padding-top: 50px;  }  .company-item {    padding-bottom: 15px;  }}@media (max-width: 575px) {  .company-mission-vission-section {    padding-top: 30px;  }  .header-top-info .info-single-item {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;  }  .blog-grid-section.padding-bottom-100 {    padding-bottom: 40px;  }  .call-area a {    font-size: 14px;  }  .language-select-list select {    font-size: 15px;  }  .site-logo {    padding: 0 10px 25px 10px;  }  .language-select-list::before {    top: 12px;  }  .banner-title {    font-size: 52px;  }  .banner-content-area {    padding: 155px 0 140px 0;  }  .home-one-banner::before {    -webkit-clip-path: polygon(0 93%, 0 0, 100% 0, 100% 93%, 49% 100%);    clip-path: polygon(0 93%, 0 0, 100% 0, 100% 93%, 49% 100%);  }  .service-thumb .thumb-area .icon {    left: 110%;  }  .service-thumb .thumb {    width: 400px;    height: 400px;    padding-left: 30px;  }  .service-thumb::before {    height: 380px;    background-size: contain;    background-repeat: no-repeat;  }  .service-content-area {    margin-top: 30px;  }  .project-item-button button {    padding: 6px 15px;    border: 1px solid #e5e5e5;    margin: 4px 2px;  }  .section-heading {    margin-bottom: 40px;  }  .testimonial-content-area p {    font-size: 18px;  }  .testimonail-thumb-area {    min-height: 140px;  }  .post-single-item .thumb .content {    padding: 15px 10px;  }  .footer-top .widget-body {    display: none;  }  .footer-top .widget-title::before {    display: block;  }  .footer-top .widget-title {    margin-bottom: 0;    padding-left: 25px;    cursor: pointer;  }  .footer-top .widget-body {    padding-top: 30px;  }  .company-btn+.container {    display: none;  }  .company-btn {    display: block;  }  .footer-top {    padding-top: 60px;    padding-bottom: 20px;  }  .company-btn {    margin-left: 30px;  }  .footer-company-info {    text-align: left;  }  .privacy-area p, .privacy-area a {    font-size: 12px;  }  .footer-section .widget {    margin-bottom: 20px;  }  .footer-section .widget-title,  .footer-top .widget-title span {    font-size: 19px;  }  .privacy-area p,  .privacy-area a {    text-align: center;  }  .home-two-banner::after {    display: none;  }  .home-two-banner .banner-content-area {    padding: 250px 0 150px 0;  }  .home-two-banner .banner-title {    font-size: 42px;  }  .cmn-list li {    -ms-flex: 50%;    flex: 0 0 50%;    max-width: 50%;  }  .counter-section.style-two {    padding: 80px 0;  }  .breadcrumb-inner .title {    font-size: 32px;  }  .breadcrumb-area {    padding-top: 180px;    padding-bottom: 65px;  }  .login-form .frm-group a {    width: 145px;    margin-bottom: 15px;  }  .registration-block, .login-block {    padding: 30px 30px;  }  .login-form .or {    margin: 0;  }  .login-block-inner p {    margin-top: 15px;  }  .error-wrapper .cmn-list li {    -ms-flex: 100%;    flex: 0 0 100%;    max-width: 100%;  }  .single-comment-wrap .content {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;    padding-top: 15px;  }  .comment-list li ul li {    padding-left: 45px;  }  .post-author .content {    max-width: 100%;    padding-left: 0;    padding-top: 15px;  }  .counter-section ~ section {    padding-top: 50px;  }  }@media (max-width: 440px) {  .banner-title {    font-size: 42px;  }  .site-logo::before {    height: 100%;  }  .header-top .call-area {    padding-left: 0;  }  .service-slider ul {    display: none;  }  .counter-section {    padding-top: 60px;    padding-bottom: 80px;  }  .testimonail-thumb-area .thumb {    width: 70px;    height: 70px;  }  .thumb-single.slick-current .thumb {    width: 90px;    height: 90px;  }  .testimonail-thumb-area {    min-height: 120px;  }  .send-quote-area {    padding: 30px 30px;  }  .info-single-item {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;    padding: 15px 0;  }  .service-item-area.list-view .service-single-inner {    flex-direction: column;  }  .service-item-area.list-view .service-single-inner .thumb,  .service-item-area.list-view .service-single-inner .content {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;  }  .service-item-area.list-view .service-single-inner .content {    padding-left: 0;    padding-top: 30px;  }  .service-item-area.list-view .service-single-item {    padding: 30px 0;  }  .service-item-area.grid-view .service-single-item {    -ms-flex: 100%;    flex: 0 0 100%;    max-width: 100%;  }}@media (max-width: 400px) {  h2, h2>a {    font-size: 30px;  }  .service-thumb .thumb {    padding-left: 0;    width: 270px;    height: 270px;    padding: 0;  }  .post-single-item .thumb .content p {    font-size: 14px;  }  .post-single-item .thumb .content .post-meta {    margin-top: 6px;  }  .service-thumb .thumb-area .icon {    width: 60px;    height: 60px;    line-height: 64px;  }  .service-thumb .thumb-area .icon i {    font-size: 34px;    padding-left: 15px;  }  .service-thumb .thumb-area .icon {    bottom: 0;  }  .counter-single-item .content {    padding: 35px 30px 25px 30px;  }  .counter-single-item .title {    font-size: 20px;    margin-top: 10px;  }  .testimonail-thumb-area .thumb {    width: 45px;    height: 45px;  }  .thumb-single.slick-current .thumb {    width: 60px;    height: 60px;  }  .testimonail-thumb-area {    min-height: 97px;    margin-top: -57px;  }  .testimonial-content-area .content {    margin: 15px;  }  .testimonial-content-area .content {    padding: 15px 15px 60px 15px;  }  .testimonial-content-area .content p {    font-size: 16px;  }  .testimonial-content-area .name {    font-size: 18px;  }  .testimonial-content-area .designation {    font-size: 14px;  }  .history-section {    padding: 65px 0;  }  .home-two-banner .banner-title {    font-size: 38px;  }  .home-two-banner .banner-content-area {    padding: 215px 0 110px 0;  }  .cmn-list li {    -ms-flex: 100%;    flex: 0 0 100%;    max-width: 100%;  }  .service-details-item {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;  }  .testimonial-slider-two .testimonial-single-slide-inner {    padding: 45px 20px;  }}@media (max-width: 320px) {  .grid-item {    -ms-flex: 0 0 100%;    flex: 0 0 100%;    max-width: 100%;  }  .send-quote-area {    padding: 30px 15px;  }}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/4138(这个说明仅在演示里会看到,下载的源码里没有)*/