/*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5904(此说明不在下载的源码里，只用在演示页面里)*//* Media Queries-------------------------------------------------------------- */@media only screen and (max-width: 1750px) {	.flat-why-choose .text-why-choose {	    padding: 85px 60px 85px 135px;	}	.flat-why-choose .text-why-choose .info-inner li {		margin-bottom: 15px;	}	.flat-why-choose .text-why-choose .info-inner {	    margin-top: 15px;	}}@media only screen and (max-width: 1440px) {		}@media only screen and (max-width: 1366px) {	.post-title a {		line-height: 40px;	}	.flat-request .request-inner {	    padding: 12.6% 9.2% 0 6.3%;	}	.flat-why-choose .image-why-choose .image-wrap {		margin-top: 0;	}	.flat-why-choose .image-why-choose .image-box {		padding: 57px 60px 60px 113px;	}	.imagebox-item .imagebox.style1 .imagebox-content {	    padding: 48px 30px 39px 30px;	}	.flat-why-choose .text-why-choose {	    padding: 80px 60px 80px 99px;	}}@media only screen and (min-width: 1200px) and (max-width: 1365px) { }/* Smaller than standard 1200 */@media only screen and (max-width: 1199px) {	.header-wrap-inner.style1 .header-top-logo ul {		display: none;	}		header.style1 #mainnav >ul.menu >li {	    margin-right: 30px;	}	footer.style1 .footer {		overflow: hidden;	}	footer.style1 .widget-about, 	footer.style1 .widget-explore, 	footer.style1 .widget-links,	footer.style1 .widget-blog, 	footer.style1 .widget-contact,	.flat-sections .section-image .image-box {        padding-left: 0;	}	footer.style1 .widget-blog {		width: 23%;	}	footer.style1 .widget-contact {		width: 23%;	}	 .main-blog-list .post .featured-post {    	margin-right: 30px;    }    .main-blog-list .post .content-post p {    	margin-top: 0;    }    .main-blog-list .post .content-post h4 {    	margin-top: 10px;    }    .main-blog-list .post .content-post h4:before {		width: 74%;	}	.main-blog-list .post .content-post h4:after {		right: 70%;	}	.flat-why-choose .text-why-choose,	.flat-why-choose .image-why-choose {		float: none;		width: 100%;	}	.flat-why-choose .text-why-choose .info-inner li {		margin-bottom: 29px;	}	.flat-why-choose .text-why-choose .info-inner {	    margin-top: 39px;	}	.flat-why-choose .text-why-choose {	    padding: 100px 15px;	    max-width: 970px;	    margin: 0 auto;	}	.divider.height300px {	    height: 50px;	}	.flat-sections .wrap-sections {		margin-top: 100px;	}	.flat-counter ul li {		width: 50%;		float: left;		text-align: center;			}	.flat-counter ul li.projects,	.flat-counter ul li.industries,	.flat-counter ul li.professional,	.flat-sections {		margin: 0;	}	.flat-counter ul li {		margin-top: 50px !important;	}	.flat-slider.style1 .icon ul li {		display: none;	}	.flat-tabs ul.menu-tab li {	    margin: 0 0px;	    width: 20%;        padding: 61px 35px 54px;	}	.flat-request .request-inner {		padding: 12.6% 5% 0 5%;	}	.desk-mg-top-280px {		margin-top: -222px;	}	.flat-why-choose .image-why-choose .image-box {	    padding: 57px 15px 60px 90px;	}	.flat-why-choose .image-why-choose .image-wrap {	    margin-right: 30px;	}	.flat-row span,	.flat-row .wrap-row,	.flat-new-letter .content-letter,	.flat-video .wrap-video {		padding: 0;	}	.flat-new-letter button {		padding: 30px 15px;	}	.flat-projects.style2 .title-projects {		max-width: 970px;	    padding-right: 15px;	    padding-left: 15px;	    margin-right: auto;	    margin-left: auto;	}	.flat-section-2 .text-section {		padding: 79px 70px 71px 74px;	}}/* Smaller than standard 992 */@media only screen and (max-width: 991px) {	.row-desk {		margin-left: -15px;		margin-right: -15px;	}	.top-bar {		padding: 10px 0;	}	.header-top-logo ul,	.header-wrap-inner.style1,	#mainnav-mobi ul >li >a i,	.owl-carousel .owl-nav,	.flat-welcome .image-inner,	header.header-style2 .header-social, 	header.header-style2 .button-header,	.mobi-hide,	#mainnav ul.sub-menu >li {		display: none;	}	header.style1 .header-wrap {		position: static;		bottom: unset;		background: transparent;		display: table;	}	header.style1 .header-wrap .header-top-logo {		display: table-cell;    	vertical-align: middle;	}	header.style1 {	    background-color: #131d3b;	}	header .nav-wrap ul.sub-menu li:hover, 	header ul.sub-menu >li.active {		background: transparent;			}	header .nav-wrap ul.sub-menu li:hover >a, 	header ul.sub-menu >li.active >a,	#mainnav-mobi ul >li.active >a,	#mainnav-mobi ul.sub-menu >li >a:hover, 	#mainnav-mobi >ul >li >ul >li.active >a,	#nav-mobi ul >li.active >a,	#nav-mobi ul.sub-menu >li >a:hover, 	#nav-mobi >ul >li >ul >li.active >a {		color: #ff4f01;	}	#mainnav-mobi ul >li >a {	    padding-left: 30px;    	line-height: 60px;    	height: 60px;	}	#mainnav-mobi ul.sub-menu >li , 	#mainnav-mobi ul.sub-menu >li ul li {	}	.btn-submenu {		height: 60px;		line-height: 60px;	}	.no-gutters {		margin-right: -15px;		margin-left: -15px;	}	.no-gutters >.col,	.no-gutters >[class*="col-"] {		padding-right: 15px;		padding-left: 15px;	}	header.style1 #mainnav-mobi {		top: 100%;	    margin-top: -1px;	}    header.style1.fixed-header #mainnav-mobi {    	top: 100%;    }	header.style1 .mobile-button {	    display: block;	    position: absolute;	    width: 26px;	    height: 26px;	    float: right;	    top: 50%;	    right: 15px;	}	header.style1 .search {	    display: none;	}	header.style1 .header-button {		display: none;	}	header .mobile-button {		display: block;	}	header.style2 .header-wrap {		height: 78px;		display: table;	   		position: relative; 	}	header.style2 .logo {		margin: 0;		display: table-cell;		width: auto;    	vertical-align: middle;	}    footer.style1 .widget-about, 	footer.style1 .widget-explore, 	footer.style1 .widget-links {		width: 33.33%;		overflow: hidden;	}	footer.style1 .widget-blog, 	footer.style1 .widget-contact {		width: 50%;		overflow: hidden;	}	footer.style1 .widget-links {		margin-bottom: 60px;	}	.main-blog-list .post .featured-post {		float: unset;		margin-right: 0;	}	.main-blog-list .post .content-post {		margin-top: 40px;	}	.main-blog-list .post .content-post p {    	margin-top: 28px;    }    .main-blog-list .post .content-post h4 {    	margin-top: 24px;    }    .main-blog-post,    .main-blog-list-small,    .main-project-grid,    .main-project-details,    .main-project-fullwidth,    .main-services,    .flat-client,    .main-services-details,    .flat-testimonials,    .flat-team,    .flat-row.style2,    .main-about .flat-company .flat-carousel-box,    .flat-section-2,    .flat-advice,    .flat-our-services.style1,    .flat-section,    .flat-feedback.style2,    .flat-new-letter,    .main-home1 .flat-company .flat-carousel-box,    .main-home2 .flat-company .flat-carousel-box {    	padding: 100px 0 100px;    }    footer.style1,    .main-about,    .main-history,    .flat-feedback,    .main-faqs,    .main-home1,    .flat-request .request-inner {    	padding-top: 100px;     }    .flat-welcome,    .flat-video.style2,    .flat-latest-new {    	padding-bottom: 100px;    }    .flat-feedback {    	padding-bottom: 70px;    }    footer.style1 .bottom-inner,    .flat-company,    .main-home2 .flat-company {    	margin-top: 100px;    }    .main-blog-list-small .post .featured-post {    	float: none;		margin-right: 0px;		margin-bottom: 30px;    }    .project-wrap {    	flex-wrap: wrap;    	display: flex;    }    .flat-projects.style1 .project-inner {	    width: 50%;	}	.widget-service-post ul a {		line-height: 1.3;	}	.videobox a.fancybox {		top: -100px;	}	.flat-video .wrap-video,	.title-section.style1,	.flat-row .wrap-row,	.flat-row span,	.flat-section-2 .title-section h1,	.one-of-two,	.flat-sections .section-image .image-box,	.flat-new-letter .content-letter,	.flat-section .section-text {		padding: 0;	}	.flat-testimonials .avatar-testimonials,	.flat-testimonials .text-testimonials,	.themesflat_sc_vc-teammembers .team-image img,	.flat-post .featured-post img,	.flat-welcome .image-wrap img,	.flat-team .post .featured-post img,	.flat-our-services.style1 .post .featured-post img,	.flat-latest .featured-post img {		width: 100%;	}	.flat-testimonials .text-testimonials {		padding-top: 28px;	}	.flat-testimonials,	.flat-feedback.style2 {	    background-position-x: center;	}	.themesflat_sc_vc-table .table-simple th:nth-child(1), 	.themesflat_sc_vc-table .table-simple td:nth-child(1),	.themesflat_sc_vc-table .table-simple th:nth-child(2), 	.themesflat_sc_vc-table .table-simple td:nth-child(2),	.themesflat_sc_vc-table .table-simple th:nth-child(3), 	.themesflat_sc_vc-table .table-simple td:nth-child(3),	.themesflat_sc_vc-table .table-simple th:nth-child(4), 	.themesflat_sc_vc-table .table-simple td:nth-child(4) {	    min-width: auto;	}	.flat-why-choose .text-why-choose {	    padding: 100px 15px;	    max-width: 750px;	    margin: 0 auto;	}	.flat-counter .wrap-bg .name-count {		line-height: 1.3;	}	.flat-counter ul li.projects,	.flat-counter ul li.industries,	.flat-counter ul li.professional,	.flat-counter,	.flat-sections,	.flat-request,	.desk-mg-top-280px,	.flat-new-letter .text-letter {		margin: 0;	}	.flat-counter ul li {		margin-top: 60px !important;	}	.flat-why-choose .image-why-choose .image-wrap,	.flat-latest .post,	.flat-feedback.style2 {		margin-top: 0px;	}	.flat-why-choose .image-why-choose .image-box {		padding: 60px 40px 60px 100px;	}	.flat-latest .title-section.style2,	.flat-latest .button-latest {		float: none;	}	.flat-tabs ul.menu-tab li {	    padding: 61px 15px 54px;	}	.flat-request .request-form,	.flat-request .request-inner {		width: 100%;		float: none;			}	.flat-request .request-inner,	.flat-request .request-form .comment-form,	.flat-request .request-form >.title-section {		max-width: 750px;		margin-left: auto;		margin-right: auto;		padding-left: 15px;		padding-right: 15px;	}	.flat-new-letter .text-letter,	.flat-new-letter .content-letter {		text-align: center;	}	.flat-new-letter .text-letter {		margin-bottom: 30px;	}	.flat-founder .img-founder .title-founder {		width: 100%;	    padding: 30px;	    position: relative;	    top: 0;	    left: 0;	    background-color: #f7f7f7;	    border-radius: 4px;	    text-align: center;	    max-width: unset;	}	.accordion .accordion-toggle {		padding: 18px 30px 18px 28px;	}	.accordion .accordion-toggle .toggle-title p {		line-height: 28px;	}	.flat-projects .project-inner .project-bottom,	.flat-projects .project-inner .project-title {		padding: 0 30px;	}	.themesflat-testimonials-slider #nav-testimonial {		margin-bottom: 40px;	}	.themesflat-testimonials-slider #nav-testimonial,	.themesflat-testimonials-slider #slider-testimonial {		width: 100%;	}	.themesflat-testimonials-slider.dost-top-right .flex-control-nav {	    position: relative;	    top: unset;	    right: unset;	    width: unset;	    line-height: normal;	    padding: 0;	    margin-top: 30px;	}	.flat-projects.style2 .title-projects {		max-width: 750px;	}}/* Tablet Landscape */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}/* Tablet Portrait Size */@media only screen and (min-width: 768px) and (max-width: 991px) {}/* All Mobile Sizes */@media only screen and (max-width: 767px) {	.main-blog-single .main-author .image-author {		float: unset;	}	.main-blog-single .main-author .info-author,	.main-blog-single .blog-comments .post-comment,	.flat-info {		margin-top: 20px;	}	.main-blog-single .social-wrap .text-social {		float: unset;	}	.main-blog-single .social-wrap .text-social ul li {		margin-left: 0;		margin-right: 35px;	}	.main-blog-single .blog-comments .avatar {		float: unset;	}	.main-blog-single .comment-respond .comment-form-author,	.main-blog-post .featured-post img,	.main-project-details .image-wrap img,	.main-services .post .featured-post img,	.main-blog-post .featured-post,	.main-blog-list .post .featured-post,	.main-blog-list .post .featured-post img,	.flat-team .post .featured-post img {		width: 100%;	}	.main-blog-single .comment-respond .comment-form-email {		float: left;		width: 100%;		margin-top: 0;	}		.sidebar-inner .widget {		padding: 47px 30px;	}	.flat-projects.style1 .project-inner {	    width: 50%;	}	.main-project-details .image-wrap {		margin-bottom: 30px;	}	.flat-info .wrap-info {		margin-bottom: 50px;	}	.widget-service-post ul a {	    padding: 25px 70px 25px 49px;	}	.sidebar-inner,    .sidebar,    .service-wrap {    	margin-top: 50px;    }    .main-services-details {    	padding: 50px 0 100px;    }    .themesflat_sc_vc-spacer.has_thumbnail .timeline::after {		left: 10px;	}	.themesflat_sc_vc-spacer.has_thumbnail .timeline::before {		left: 3px;	}	.themesflat_sc_vc-spacer.has_thumbnail .timeline {		padding-left: 45px;	}	.themesflat_sc_vc-spacer.has_thumbnail .timeline-container {		float: unset;		width: 100%;	}	.themesflat_sc_vc-spacer.has_thumbnail .wrap-time {		margin-bottom: 30px;		float: unset;	}	.themesflat_sc_vc-spacer.has_thumbnail .timeline-content-inner {		padding-left: 0;	}	.flat-why-choose .text-why-choose {	    padding: 100px 15px;	}	.flat-new-letter input,	.flat-new-letter button {		width: 100%;    	float: none;	}	#nav-testimonial li {		margin-right: 0 !important;	}	.flat-feedback .wrap-feedback,	.flat-section-2 .text-section {		padding: 60px 30px;	}	.flat-post .post .content-post {		padding: 43px 30px 39px;	}	.flat-tabs .content-wrap .content-text {		padding: 57px 30px 49px;	}	.flat-our-services.style1 .post .content-post,	.main-services .post .content-post {		padding-left: 30px;		padding-right: 30px;	}	.main-blog-single .blockquote-wrap {		padding: 41px 30px 43px;	}	}/* Mobile Landscape Size */@media only screen and (min-width: 480px) and (max-width: 767px) {	}@media only screen and (max-width: 600px) {	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {	  		  	width: 100%;	}	.timeline::after {         left: 31px;     }    .timeline-container {         width: 100%;         padding-left: 70px;     }    .timeline-container::before {         left: 60px;         border: medium solid white;         border-width: 10px 10px 10px 0;         border-color: transparent white transparent transparent;     }    .timeline-left::after,     .timeline-right::after {         left: 20px;     }    .timeline-right {         left: 0%;     }    .timeline-left-all h2{         margin: 0px;        width: 100%;         padding-left: 65px;         padding-bottom: 10px;         margin-bottom: 0px !important;         color: #ff4f01;         text-align: left !important;     }    .timeline-right-all h2{         margin: 0px;         width: 100%;         padding-left: 65px;         padding-bottom: 10px;         margin-bottom: 0px !important;         color: #ff4f01;         text-align: left !important;     }    .timeline-container .highlight {         left: -50px;         transform: translateX(0%);     }    .timeline-left .timeline-content{         text-align: left;     }    .timeline-content {         padding-right: 20px !important;         padding-left: 0px !important;     }      .flat-why-choose .image-why-choose .image-wrap {		margin-right: 0;		float: none;	} 	.flat-why-choose .image-why-choose .text-info {		margin: 30px 0;    	text-align: center;	}	.flat-why-choose .image-why-choose .info,	.flat-sections .section-image .image-box .meta-avatar,	.flat-request .request-inner .meta-img {		transform: rotate(0deg);	    position: relative;	    top: unset;	    right: unset;	    left: unset;	    bottom: unset;	    width: 100%;	    text-align: center;	}	.flat-why-choose .image-why-choose .image-box,	.flat-section-2 .text-section {	    padding: 80px 30px 80px 30px;	}	.flat-tabs ul.menu-tab li {	    width: 33.33%;	    margin-bottom: 1px;	}	.flat-tabs ul.menu-tab {		flex-wrap: wrap;    	display: flex;    		}	.flat-tabs .content-wrap .title-content {	    width: 100%;    	padding: 30px;    	position: relative;	    top: 0;	    left: 0;	    background-color: #f7f7f7;	    border-radius: 4px;	    text-align: center;	}	.top-bar.style2 .top-bar-content,	.top-bar.style2 .top-bar-language {		width: 100%;	    display: block;	    text-align: center;	    float: none;	}	.top-bar.style2 .top-bar-language {		margin-top: 10px;	}	.wrap-language {		display: inline-block;		margin-left: 0px;	}	.flat-sections .wrap-sections {	    padding: 70px 50px;	}}/* Mobile Portrait Size */@media only screen and (max-width: 479px) {	.main-blog-single .main-author {		padding: 20px 20px;	}	.main-blog-single .social-wrap .text-button ul {		margin-top: 10px;	}	.flat-contact .comment-form-author,	.flat-contact .comment-form-email {	    float: none;	    width: 100%;	}	.flat-projects.style1 .project-inner {	    width: 100%;	}	.flat-sections .section-image .image-box .meta-avatar {		transform: rotate(0deg);	    position: relative;	    top: unset;	    right: unset;	    width: 100%;	}	}@media (max-width: 425px) {    .top-bar .top-bar-language,    .top-bar .top-bar-content {    	width: 100%;    	text-align: center;    }    footer.style1 .widget-about, 	footer.style1 .widget-explore, 	footer.style1 .widget-links,	footer.style1 .widget-blog, 	footer.style1 .widget-contact {	    width: 100%;	    overflow: hidden;	    margin-bottom: 40px;	}	footer.style1 .widget:last-of-type {		margin-bottom: 0;	}	.main-services-details .post-inner .featured-post,	.main-services-details .post-inner .content-post,	.main-services-details .post-inner.style2 .content-post {		float: none;    	width: 100%;    	padding: 0;	}	.main-services-details .post-inner .featured-post,	.main-services-details .post-inner.style2 .content-post {		margin-bottom: 30px;	}	.flat-testimonials .avatar-testimonials ul li.shirley,	.flat-testimonials .avatar-testimonials ul li.mike {        margin-right: 10px;    }    .flat-counter ul li {		width: 100%;		float: none;		}	.flat-tabs ul.menu-tab li {	    width: 50%;	    margin-bottom: 1px;	}	.flat-tabs .content-wrap .content-text h4 {	    margin-top: 70px;	}	.flat-sections .wrap-sections {        padding: 50px 30px;	}	#nav-testimonial li {		width: 120px !important;	}}@media (max-width: 375px) {	.flat-latest .latest-inner .post-menu {	    padding: 17px 30px 41px;	}	.flat-our-services.style1 .post .content-post,	.main-services .post .content-post {		padding-left: 15px;		padding-right: 15px;	}	.main-blog-single .blockquote-wrap {		padding: 40px 30px;	}	.flat-feedback .wrap-feedback {		padding-left: 30px;		padding-right: 30px;	}}@media (max-width: 320px) {		.flat-testimonials .avatar-testimonials ul li.shirley,	.flat-testimonials .avatar-testimonials ul li.mike {        margin-right: 5px;    }    .flat-tabs ul.menu-tab li {	    width: 100%;	    margin-bottom: 1px;	}	#nav-testimonial li {		width: 100px !important;	}	.flat-feedback .wrap-feedback {		padding-left: 15px;		padding-right: 15px;	}	}   /*：本代码只用作演示,不是源码。源码下载链接: http://www.bootstrapmb.com/item/5904(此说明不在下载的源码里，只用在演示页面里)*/