/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/3711(这个备注仅在演示页面有，源代码里没有)*//*============== large device ==============*/@media(min-width:992px) and (max-width:1199px){#portfolio {    padding-top: 0;}.likes {	top: 65%;}.count-item p {	font-size: 28px;}.team-details h3 {	padding-top: 10px;}.team-details p {	padding-top: 10px;}    .social {	padding-top: 15px;}.test-item-details {	padding-top: 10px;	padding-bottom: 0;}    .team-details p {	padding-top: 10px;}.poster p {	line-height: 26px;}#blog-left-side .poster p {    padding-left: 15px;}#blog-left-side .blog-text {	padding: 8px 0;}.card2 ul li a {	font-size: 18px;}.card2 .nav-tabs >li >a {	margin-right: 25px;}    .blog-text {	padding: 15px 0;}.popular-intro h3 {	padding-bottom: 0;}.popular-intro h3 {	font-size: 14px;	padding-bottom: 20px;}.tags a {	padding: 8px 9px;    margin-right: 0;}    .popular-intro span {	font-size: 12px;}    .blog-item h3 {	padding-top: 5px;	line-height: 24px;    font-size: 18px;}.extra5 {    padding-top: 15px!important;}.blog-text2  {    padding-top: 5px;}    .blog-text2 h3 {	padding-bottom: 4px;}.footer-social i {	width: 35px;	height: 35px;	line-height: 35px;	font-size: 16px;	margin: 0 0px;}#port-page .portfolioFilter {	padding-top: 25px;} #port-page #portfolio {	padding-bottom: 30px!important;}#blog-page .blog-likes {	bottom: -5px;}.view-icon i {	width: 30px;	height: 30px;	line-height: 30px;}.comment-details h3 {	font-size: 14px;}.dtails-right h3 {	font-size: 16px !important;}.posted-by p {	font-size: 12px;}.prev-post {	left: 25%;}.test-info h3 {	font-size: 17px;}.test-info p {	font-size: 13px;}    .test-item-details p {	padding-bottom: 0px;}.slider-main {	padding-right: 16px;	padding-left: 10px;}#testimonial .content {	 padding-top: 0px; }    }/*============== medium device ==============*/@media(min-width:768px) and (max-width:991px){.navbar-light .navbar-nav .nav-link {	font-size: 15px;	padding-right: 12px;	padding-left: 12px;}.banner-text {	padding-top: 100px;	padding-bottom: 250px;}.brand-slide{    padding-top: 50px}.about-item2 {    padding-top: 50px;}.service-details, .test-details{    padding-bottom: 50px;}#portfolio {	padding-top: 70px;    padding-bottom: 90px;}#team {	padding-top: 70px;	padding-bottom: 70px;}#blog {	padding-top: 70px;	padding-bottom: 80px;}.blog-right-item {	padding-bottom: 10px;}    #testimonial {	padding-top: 10px;	padding-bottom: 70px;}    .browse {	padding-top: 30px;}#team .browse {	padding-top: 50px;}     .likes{    top: 53%;}#count {	padding: 60px 0 0;}    .count-item {    padding-bottom: 60px;}.team-details {	text-align: center;	padding: 0 20px 20px;}#testimonial::after {	display: none;} #testimonial .content {    position: inherit;}     .blog-text {	padding: 20px 0;}    .blog-item h3 {	padding-right: 10px;}.extra2 {    background: none;    padding: 0 30px;}#blog .browse {	 padding-top: 0px; }    .blog-item {    background: #f1f1f1;    margin:0  0 50px;}.footer-logo {    padding-bottom: 50px;}#client-logo .client-item {	padding: 20px 10px;}#port-page .portfolioFilter {	padding-top: 25px;} #pagination {	padding: 30px 0;}#port-page #portfolio {	padding-bottom: 50px!important;    padding-top: 50px!important;}.select {	padding-bottom: 30px;}#blog-page .blog-text {	padding: 20px 20px;}#blog-page .blog-right-item {	padding-bottom: 0px;}.pag-center {    justify-content: center!important}#blog-page #footer {	padding: 30px 0;	background: #f1f1f1;  }.tags p {	display: inline-block;}.bg-video-details p {    padding-top: 20px;}#blog-details-page .tags a {	margin-right: 1px;    padding: 8px 6px}.prev-post {	left: 51%;	top: 38%;} .next-post {	right: 53%;	bottom: 2%;}#service {	padding-top: 70px;}    #about {	padding-top: 70px;    padding-bottom: 70px;}#about-page >#about {	padding-top: 70px !important;}#client-logo {	padding: 10px 0 50px;}#footer {	padding-top: 40px;	padding-bottom: 40px;}#blog-page3 .blog-text {	padding: 20px 20px;}#blog-left-side >#blog-grid-main {	padding-top: 70px;}.total-comment h3 {	padding: 30px 0 20px 0;}#blog-details-sidebar .tags a {	padding: 8px 8px;}#blog-details-sidebar .blog-social {	padding-bottom: 20px;}    }/*============== small device ==============*/@media(min-width:576px)and (max-width:767px){.navbar {	padding: .3rem 1rem;}.navbar-light .navbar-toggler {	border-color: transparent;}.navbar-toggler span {	font-size: 28px;    color: #484DA0;    font-weight: 700}.navbar-toggler:focus {    outline: 0;}.navbar-light .navbar-nav .nav-link {    text-align: center;}    .navbar-light .navbar-nav .nav-link::after {	top: 0;	left: 50%;	transform: translateX(-50%);}.navbar-light .navbar-nav .nav-link:hover:after,.navbar-light .navbar-nav .nav-link.active:after {    opacity: 1;    width: 10%;}.navbar .form-inline {	flex-direction: column;}.form-inline a.extra4{     padding-right: 0;}.form-inline a::after {    display: none;}.banner-text h1 {	font-size: 70px;}    .banner-text {	padding-top: 60px;	padding-bottom: 250px;}#about {	padding-top: 60px;	padding-bottom: 20px;}    .brand-slide {    padding-top: 40px;    }.about-item {    padding-bottom: 0px}.about-item img {	padding-top: 30px;}    #service {    padding-top: 60px;	padding-bottom: 20px;}    .service-details {    padding-bottom: 50px}.service-item {	padding: 40px 0 40px 0;}    .service-item p {	padding: 0 6px;}.portfolioFilter a {	margin-right: 15px;	font-size: 16px;}.count-item{    padding-bottom: 30px;}.team-details {	text-align: center;	padding: 0px 5px 20px;}    .test-details {    padding-bottom: 50px;}.test-item-details {	padding-top: 20px;    padding: 10px;}    .test-item-details p {	padding:0 20px 0 0;}#portfolio {    padding-top: 60px;	padding-bottom: 60px;}    #testimonial::after {	display: none;}#count {	padding-top: 50px;    padding-bottom: 30px;}    #testimonial .content {    position: inherit;}      #team {    padding-top: 60px;	padding-bottom: 60px;}    #team .browse {	padding-top: 50px;}    .blog-item {	margin-bottom: 40px;}    .blog-text {	text-align: center;	padding: 20px 10px;}.blog-item .extra1 {	float: none;    display: block;}.extra2 {	 background: none; }.blog-right-item {	padding-bottom: 0px;}.poster p {	line-height: 24px;} .browse {	padding-top: 10px;}.footer-logo {    text-align: center;}.footer-logo p {	font-size: 14px;}.footer-social {	padding-bottom: 50px;}  .insta h3 {    padding-top: 20px;}#client-logo .client-item {	padding: 25px 10px;}#pagination {	padding: 30px 0;}.select {	padding-bottom: 30px;}#blog-left-side .pagination {	justify-content: center!important;    margin-left: 0;}.bg-video-details p {	padding-top: 20px;}#blog-details-page .tags a {	display: inline-block;    padding: 8px 18px;}.dtails-right h3 {	font-size: 18px !important;}#blog-details-sidebar .post-commnets span {	line-height: 24px;}.error-text h3 {    padding-left: 0px;    padding-top: 20px;}.error-text p {	 padding-left: 0px; 	 padding-right: 0px; }.error-text a {	margin-left: 0px;}.slider-main {	 padding-right: 0px; }.test-info h3 {	font-size: 18px;}    .test-info p {	font-size: 14px;}.test-info {	padding: 14px 10px;}#testimonial {    padding-top: 0;	padding-bottom: 60px;}    #blog {	padding-top: 60px;	padding-bottom: 70px;}#footer {	padding-top: 40px;}#about-page >#about {	padding-top: 60px !important;}#about-page .extra-6 img {	padding-top: 20px;}.about-item2 h4 {	padding-top: 40px;}#client-logo {	padding: 10px 0 40px;}#about-page .about-item {	 padding-bottom: 0px; }#port-page >#portfolio {	padding-top: 60px !important;	padding-bottom: 34px !important;}#blog-page3 .blog-text2 h3 {	padding-right: 0;    padding-bottom: 10px;}#blog-page3 .blog-item .extra11 {    float: none;}#blog-page3 .blog-item .extra1 {	 padding-right: 0px; }.total-comment h3 {	padding: 30px 0 20px 0;}.post-commnets {    padding-top: 10px;	text-align: left!important;}    }/*============== xtra small device ==============*/@media(max-width:575px){.navbar {	padding: .3rem 1rem;}.navbar-light .navbar-toggler {	border-color: transparent;}.navbar-toggler span {	font-size: 28px;    color: #484DA0;    font-weight: 700}.navbar-toggler:focus {    outline: 0;}#blog-details-sidebar .post-commnets {	padding-top: 10px;	text-align: left !important;} #blog-details .post-commnets {	padding-top: 10px;	text-align: left !important;}     .navbar-light .navbar-nav .nav-link {    text-align: center;}.location {    padding-top: 15px    }.navbar-light .navbar-nav .nav-link::after {	top: 0;	left: 50%;	transform: translateX(-50%);}.navbar-light .navbar-nav .nav-link:hover:after,.navbar-light .navbar-nav .nav-link.active:after {    opacity: 1;    width: 10%;}#search input[type="search"] {	background: rgba(0, 0, 0, 0);	font-size: 40px;}    .navbar .form-inline {	flex-direction: column;}.form-inline a.extra4{     padding-right: 0;}.form-inline a::after {    display: none;}.banner-text h1 {	font-size: 48px;}    .banner-text {	padding-top: 60px;	padding-bottom: 250px;}.brand-slide {    padding-top: 40px;    }#about {	padding-top: 50px;    padding-bottom: 0;}.about-item h5 {	padding-top: 40px;}.about-item {    padding-bottom: 20px}.about-item img {	padding-top: 30px;}    #service {	padding-top: 80px;	padding-bottom: 0;}.service-details {    padding-bottom: 50px}.service-item p {	padding: 0 15px;}.service-item {	padding: 40px 0 40px 0;}#portfolio {	padding-top: 60px;    padding-bottom: 70px;}#portfolio .browse {	padding-top: 40px;}    .portfolioFilter a {	margin-right: 16px;	font-size: 16px;}    .count-item{    padding-bottom: 30px;}#count {	padding: 55px 0 30px;}#team {	padding-top: 60px;    padding-bottom: 70px;}.team-details {    text-align: center;    padding-bottom: 20px;}.item-main {	margin-bottom: 30px;}#team .browse {	padding-top: 40px;}#testimonial {	padding-top: 50px;    padding-bottom: 50px;}   .test-details {    padding-bottom: 50px;}.test-info, .test-item-details {    text-align: center!important;}.test-item-details span {	text-align: center;    margin-right: 0px; }#testimonial::after {	display: none;} #testimonial .content {    position: inherit;    padding-top: 0;}.slider-main {    padding-right: 0;}    #blog {	padding: 50px 0;}    .blog-item {	margin-bottom: 40px;}    .blog-text {	text-align: center;	padding: 20px 10px;}.blog-item .extra1 {	float: none;    display: block;}.extra2 {	 background: none; }.blog-right-item {	padding-bottom: 0px;}.poster p {	line-height: 24px;} .browse {	padding-top: 10px;}#footer {	padding: 30px 0;}.footer-logo {    text-align: center;}.footer-logo p {	font-size: 14px;}.footer-social {	padding-bottom: 50px;}#client-logo {	padding: 0 0 50px;}#pagination {	padding: 30px 0;}#port-page >#portfolio {	padding-top: 30px;	padding-bottom: 40px;}.view-icon {    text-align: center;    margin-bottom: 20px;}    .select select {	padding: 6px 4px;}.select label {	padding: 0 9px;}    .select {	padding-bottom: 20px;    text-align: center;}#pag-nav .page-link {	margin-left: 0px;	font-size: 13px;}.page-link {	padding: .5rem .65rem;}   .pagination {    justify-content: center!important;    margin-left: -5px;}.card2 .nav-tabs >li >a {	margin-right: 27px;}    .card2 ul li a {	font-size: 18px;}#blog-left-side .pagination {	justify-content: center!important;}.post-commnets {	padding-top: 0px;	text-align: center !important;}.post-commnets span {	line-height: 20px;}.bg-video-details p {	padding-top: 30px;    padding-bottom: 0;}#blog-details-page .tags b {	display:block;    padding-bottom: 20px;}    #blog-details-page .tags a {	display: inline-block;}#blog-left-side .pagination {	 margin-left: -5px; }.blog-social i {	margin: 0 3px;}.dtails-left {    padding-top: 20px;}    .dtails-right h3 {	padding-top: 20px;}.comment-details h3 {	padding-top: 20px;}.comment-img {    padding-top: 20px;}.total-comment {    padding-top: 30px;}#blog-details-sidebar .tags a {	margin-right: 0px;	display: inline-block;}#blog-details-sidebar .blog-social {	padding-bottom: 40px;}.error-text h3 {    padding-left: 0px;    padding-top: 20px;}.error-text p {	 padding-left: 0px; 	 padding-right: 0px; }.error-text a {	margin-left: 0px;}.error-page {	padding-bottom: 50px;}.error-text {	 padding-top: 0px; }.blog-item h3 {	padding-right: 0px;}    .blog-item p {	 padding-right: 0px; }#about-page >#about {	padding-top: 40px !important;}#about-page .extra-6 img {	padding-top: 20px;}#about-page .about-item2 h4 {	padding-top: 40px;}#about-page .about-item {	 padding-bottom: 0px; }#client-logo {	padding: 0 0 20px;}#port-page >#portfolio {	padding-top: 40px !important;	padding-bottom:40px !important;}.blog-item .extra1 {	display: block;}#blog-page3 .blog-item .extra1 {	 padding-right: 0px; }#blog-page3 .blog-item .extra1 {	 float: right; }}@media(max-width:767px){.nav-tabs {    padding-bottom: 20px;}.popular-img {	width: 100px;	margin: 0 auto;}.popular-intro {    text-align: center;}#client-logo .client-item {margin-top: 30px;}    .popular-intro h3 {    padding-top: 10px;	padding-bottom: 10px;    line-height: 22px;}.tags {    text-align: center;}    .tags a {	padding: 8px 8px;	margin-right: 0px;}#blog-details-sidebar .tags a {	margin-right: 0px;	display: inline-block;}#blog-details-sidebar .blog-social {	padding-bottom: 40px;}.navbar-collapse {  max-height: 280px;  overflow-y: auto;}.dropdown-menu {	border: none;	text-align: center;}.dropdown-item:focus, .dropdown-item:hover {	color: #494da1;	text-decoration: none;	background-color: transparent;}.dropdown-item {	color: #151515;	background-color: transparent;    font-weight: 500;    line-height: 28px;}#blog-grid-main {    padding-top:0px;} #pag-nav .page-link{    margin-left: 1px;}.next-post,.prev-post{	display: none;}.country .btn {	padding-left: 27px;}    }@media(min-width:768px){.navbar-expand-md .navbar-nav .dropdown-menu {    visibility: hidden;    display: block;    top: 70px;    border: 0;    left: -36px;    border-radius: 0;    transition: all linear .3s;}.dropdown-item:focus, .dropdown-item:hover {	color: #494da1;	text-decoration: none;	background-color: transparent;}.dropdown-item {	color: #151515;	background-color: transparent;    font-weight: 500;    line-height: 28px;}.dropdown:hover>.dropdown-menu {    visibility: visible;    top: 60px;}}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/3711(这个备注仅在演示页面有，源代码里没有)*/