/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/3665(这个备注仅在演示页面有，源代码里没有)*/@media only screen and (min-width: 1400px) and (max-width: 1800px) {	.portfolio-style1:hover .hover-circle-element {		width: 230px;		height: 230px;		border: 44px solid;	}	.hover-circle-element {		right: -90px;		bottom: -90px;	}	.hover-circle-element a {		position: absolute;		top: 44%;		left: 44%;		width: 44px;		height: 44px;		margin-left: -22px;		margin-top: -22px;	}}@media only screen and (min-width: 1400px) {	.large-right {		margin-right: -235px;	}	.large-left {		margin-left: -250px;	}	.circle-one {		width: 525px;		height: 525px;		border: 128px solid;		margin-top: -245px;	}	.breadcrumb-section h2 {		margin-top: 100px;		font-size: 38px;	}	.error-page .light-button1 {		padding: 7px 18px;		}	.coming-soon-page h1 {		font-size: 88px;		line-height: 140px;	}}@media only screen and (min-width: 1200px) and (max-width: 1399px) {	.large-left {		margin-left: -175px;	}	.large-right {		margin-right: -175px;	}	.circle-one {		width: 500px;		height: 500px;		border: 125px solid;		margin-top: -250px;		margin-bottom: -250px;	}	.small-left{		margin-left: -105px;	}	.small-right{		margin-right: -105px;	}	.circle-two{		width: 280px;		height: 280px;		border: 70px solid;		margin-top: -140px;		margin-bottom: -140px;	}	.breadcrumb-section h2 {		margin-top: 100px;		font-size: 38px;	}	.portfolio-style1:hover .hover-circle-element {		width: 210px;		height: 210px;		border: 42px solid;	}	.hover-circle-element {		right: -100px;		bottom: -100px;	}	.hover-circle-element a {		top: 32%;		left: 32%;		width: 32px;		height: 32px;		margin-left: -15px;		margin-top: -15px;	}	.coming-soon-page h3 {		font-size: 19px;	}	.coming-soon-page h1 {		font-size: 80px;		line-height: 120px;	}	.wa-box-style2 .text h4 a{		font-size:19px;	}	.about-section2-image span {		font-size: 350px;		bottom: -10px;		left: -50px;		line-height: 365px;	}	.error-page .light-button1 {		padding: 7px 18px;		}}@media only screen and (min-width: 1200px) and (max-width: 1340px) {    .container {        width: 1070px;    }    .sidebar .tag-list a {        padding: 10px 15px;        margin: -4px 1px 10px;    }}@media only screen and (min-width: 1025px) and (max-width: 1199px) {    .wa_main_bn_wrap figure figcaption {        top: 57%;    }    .wa_main_bn_wrap figcaption span{    	font-size: 28px;    }    .wa_main_bn_wrap figcaption h2{    	font-size: 50px;    }    .wa_main_bn_wrap figcaption p{    	font-size: 16px;    	line-height:28px;    }	.template-heading.marT100{		margin-top:0px;	}	.breadcrumb-section h2 {		margin-top: 100px;		font-size: 38px;	}	.about-section2-image span {		font-size: 350px;		bottom: -10px;		left: -50px;		line-height: 365px;	}	.about-content .inner.padT100 {        padding-top: 50px;    }	.about-content .image-column {        margin-bottom: 30px;    }	.large-left {		margin-left: -175px;	}	.large-right {		margin-right: -175px;	}	.circle-one {		width: 500px;		height: 500px;		border: 125px solid;		margin-top: -250px;		margin-bottom: -250px;   	}	.small-left{		margin-left: -105px;	}	.small-right{		margin-right: -105px;	}	.circle-two{		width: 280px;		height: 280px;		border: 70px solid;		margin-top: -140px;		margin-bottom: -140px;	}	.section-separator.icon-left:before {		right: -175px;	}	.section-separator.icon-left:after {		left: 165px;	}	.section-separator.icon-right:before {		right: -175px;	}	.section-separator.icon-right:after {		left: 165px;	}	.portfolio-style1:hover .hover-circle-element {		width: 250px;		height: 250px;		border: 42px solid;	}	.hover-circle-element {		right: -90px;		bottom: -90px;	}	.hover-circle-element a {		top: 46%;		left: 46%;		width: 44px;		height: 44px;		margin-left: -25px;		margin-top: -25px;	}	.error-page .light-button1 {		padding: 7px 18px;		}	.coming-soon-page h3 {		font-size: 19px;	}	.coming-soon-page h1 {		font-size: 80px;		line-height: 120px;	}	.sidebar .tag-list a {        padding: 10px 9px;        margin: -4px 1px 10px;    }}@media only screen and (min-width: 1025px) and (max-width: 1100px) {    body.gap {        padding: 15px;    }}@media only screen and (min-width: 992px) and (max-width: 1024px) {    body.gap {        padding: 10px;    }    .wa_main_bn_wrap figure figcaption {        top: 57%;    }    .wa_main_bn_wrap figcaption span{    	font-size: 28px;    }    .wa_main_bn_wrap figcaption h2{    	font-size: 50px;    }    .wa_main_bn_wrap figcaption p{    	font-size: 16px;    	line-height:28px;    }	.template-heading{		margin-bottom:40px;			}	.template-heading.marT100{		margin-top:0px;	}	.template-heading h3 {		font-size: 32px;	}	.template-heading h2 {		font-size: 44px;	}	.breadcrumb-section h2 {		margin-top: 100px;		font-size: 38px;	}	.block-detail-head h1{		font-size: 38px;	}	.about-content .inner.padT100 {		padding-top: 40px;    }	.about-section2-image span {		font-size: 350px;		bottom: -40px;		left: -15px;		line-height: 365px;	}	.large-right {		margin-right: -155px;	}	.large-left {		margin-left: -155px;	}	.section-separator.icon-left:before {		right: -175px;	}	.section-separator.icon-left:after {		left: 165px;	}	.circle-one {		width: 400px;		height: 400px;		border: 100px solid;		margin-top: -200px;		margin-bottom: -200px;   	}	.small-left{		margin-left: -80px;	}	.small-right{		margin-right: -80px;	}	.circle-two{		width: 240px;		height: 240px;		border: 65px solid;		margin-top: -120px;		margin-bottom: -120px;	}	.wa-box-style2 .text h4 a{		font-size:19px;	}	.bg-image.team-bg {        background-size: 400px 350px;	}	.portfolio-style1:hover .hover-circle-element {		width: 250px;		height: 250px;		border: 48px solid;	}	.hover-circle-element {		right: -100px;		bottom: -100px;	}	.hover-circle-element a {		top: 46%;		left: 46%;		width: 44px;		height: 44px;		margin-left: -25px;		margin-top: -25px;	}	.blogs_main .block-caption h4 a{		font-size: 16px;	}	.block-caption .service-icon-box p{		font-size:14px;	}	.error-page .light-button1 {		padding: 7px 18px;		}	.coming-soon-page h1 {		font-size: 80px;		line-height: 120px;	}	.coming-soon-page h3 {		font-size: 19px;	}	.count-area {        padding: 40px 0px;        font-size: 50px;        height: 120px;        width: 120px;    }	.page_single .author-widget-social .social li a{		margin:0px 0px;	}	.sidebar .tag-list a {        padding: 10px 9px;        margin: -4px 1px 10px;    }}@media only screen and (min-width: 992px) {	.navbar-nav >li >a {        padding: 50px 15px;    }    .navbar>.container .navbar-brand,    .navbar>.container-fluid .navbar-brand {        padding: 30px 0px;    }	.page_single .author-widget-social .social li a{		margin:0px 0px;	}	.about-image-captions h2 {        right: 0;        -moz-transform: rotate(-90deg);        -webkit-transform: rotate(-90deg);        -o-transform: rotate(90deg);        -ms-transform: rotate(90deg);        font-size: 48px;        color: #ffffff;        position: absolute;        top: 50%;        right: -110px;        opacity: 0.8;	}	}@media only screen and (min-width: 768px) and (max-width: 991px) {    body.gap {        padding: 10px;    }        .sidebar .tag-list a {        padding: 10px 9px;    }    .navbar-header,    .navbar-nav {        border-bottom: 1px solid rgba(255, 255, 255, 0.1);    }    .transparent-header .navbar-default{        border-bottom: 0px solid rgba(255, 255, 255, 0.1);    }	.navbar-default .navbar-brand {        color: #000;        float: left;        width: 100%;        padding: 10px 0px;    }    .wa_main_bn_wrap figcaption span {        font-size: 30px;    }    .wa_main_bn_wrap figcaption p {        font-size: 18px;        max-width: 560px;        line-height: 28px;    }    .wa_main_bn_wrap figcaption h2 {        font-size: 48px;    }	.template-heading{		margin-bottom:40px;	}	.template-heading.marT100{		margin-top:0px;	}	.template-heading h3{		font-size:32px;	}	.template-heading h2 {		font-size: 36px;	}	.breadcrumb-section h2 {		margin-top: 100px;		font-size: 32px;	}	.about-content .inner.padT100 {        padding-top: 50px;    }	.about-content .image-column {        margin-bottom: 30px;    }	.about-section2-image span {		font-size: 250px;		bottom: -60px;		left: -16px;		line-height: 275px;	}	.about-image-captions h2 {        right: 0;        -moz-transform: rotate(-90deg);        -webkit-transform: rotate(-90deg);        -o-transform: rotate(90deg);        -ms-transform: rotate(90deg);        font-size: 42px;        color: #ffffff;        position: absolute;        top: 45%;        right: -98px;        opacity: 0.8;	}	.large-right {		margin-right: -165px;	}	.large-left {		margin-left: -165px;	}	.circle-one {		width: 350px;		height: 350px;		border: 90px solid;		margin-top: -175px;		margin-bottom: -175px;   	}	.small-left{		margin-left: -75px;	}	.small-right{		margin-right: -75px;	}	.circle-two{		width: 220px;		height: 220px;		border: 60px solid;		margin-top: -110px;		margin-bottom: -110px;	}	.section-separator.icon-left:before {		right: -248px;	}	.section-separator.icon-left:after {		left: 248px;	}	.section-separator.icon-right:before {		left: -50px;	}	.section-separator.icon-right:after {		right: 50px;	}	.photography-skill{		margin-top:20px;	}	.bg-image.team-bg {    background-size: 400px 350px;	}	.block-detail-head h1{		font-size: 29px;	}	.error-page h4 {        font-size: 26px;        line-height: 34px;	}	.call-to-action h2 {        font-size: 26px;        line-height: 34px;	}	.blogs_main .block-caption h4 a{		font-size:17px;	}	.portfolio-style1:hover .hover-circle-element{		width: 200px;		height: 200px;		border: 45px solid;	}	.hover-circle-element {		right: -65px;		bottom: -65px;	}	.hover-circle-element a{		width: 34px;		height: 34px;		margin-left: -17px;		margin-top: -17px;		}	.home-blog-item .wa-theme-design-block {		 position: relative;		 float: left;		 width: 100%;		 margin-bottom: 30px;    }	.blogs_main .blog-list-caption.block-caption {        padding: 30px 0px 0px 0px;    }	.block-caption .service-icon-box p{		font-size:16px;	}	.sub-rev-box.depth-2{		margin-left:0px;	}	.sub-rev-box.depth-3{		margin-left:0px;	}	.error-page .light-button1 {		padding: 7px 18px;		}	.coming-soon-page h1 {        font-size: 68px;        line-height: 76px;        margin: 30px 0px;    }    .coming-soon-page h3 {        font-size: 22px;        line-height: 30px;    }    .count-area {        padding: 55px 0px;        font-size: 50px;        width: 140px;        height: 140px;    }	.socail-icon h2{		font-size: 28px;	}	.page_single .author-widget-social .social li a{		margin:0px 0px;	}}@media only screen and (max-width: 991px) {	.portfolio-detail-carousel.owl-theme .owl-nav button[class*=owl-].owl-prev{		margin-left:0px;	} 	.portfolio-detail-carousel.owl-theme .owl-nav button[class*=owl-].owl-next{		margin-right:0px;	} }@media only screen and (max-width: 767px) {	body.gap {		padding: 10px;	}	.wa-main-menu.transparent-header .navbar-nav{		background-color:#fff;	}	.navbar-collapse.in {		overflow-y: visible;	}		.navbar-default .navbar-toggle:focus, 	.navbar-default .navbar-toggle:hover{		background-color:rgba(0,0,0,0);	}		.transparent-header .navbar-default .navbar-nav>li>a, 	.transparent-header .dropdown-menu>li>a:hover,	.transparent-header .dropdown-menu>li>a:focus,	.navbar-default .navbar-nav .open .dropdown-menu>li>a{		color: #39436f;		opacity:0.7;	}	.wa-main-menu.transparent-header .navbar-nav{		box-shadow:0px 10px 15px 0px rgba(0, 0, 0, 0.1);	}    .navbar-default .navbar-brand {		padding: 8px;		max-width: calc(100% - 55px);		margin-top: 5px;    }	.navbar-nav .sub-arrow, 	.navbar-nav .collapsible .sub-arrow{		float:right;		font-size:0px;		margin-top:7px;	}	.navbar-nav ul .sub-arrow:after{		font-size:0px;	}		.navbar-default .navbar-nav .open .dropdown-menu >li >a:focus, 	.navbar-default .navbar-nav .open .dropdown-menu >li >a:hover{		padding: 10px 15px;	}	.navbar-default .navbar-nav .dropdown-menu>li>a,	.navbar-default .navbar-nav .open .dropdown-menu >li >a:hover,	.navbar-default .navbar-nav .open .dropdown-menu>li>a,	.navbar-nav >li >a,	.navbar-nav >li >a.has-submenu{		padding:12px 15px;	}    	.navbar-nav >li:last-child a{		padding-right:15px;	}	.navbar-brand .site_logo{		margin-top: 0px;		margin-left: 0px;		max-width: 80%;	}    .wa_main_bn_wrap figcaption p,    .wa_main_bn_wrap .owl-pagination {        display: none;    }    .wa_main_bn_wrap figcaption span {        display: inline-block;        font-size: 20px;        line-height: 1.2;        letter-spacing: 0px;		padding-left:0px;		margin-bottom: 10px;		text-align:center;    }	.wa_main_bn_wrap figcaption span:before {		left: 16px;		width: 0px;	}    .wa_main_bn_wrap figcaption h2 {        font-size: 22px;        line-height: 1.2em;		text-align:center;    }    .wa_main_bn_wrap figure figcaption {        margin: 0px;        padding: 0px 15px;        top: 35%;		text-align:center;    }    .wa_main_bn_wrap .owl-buttons {        bottom: 72%;        width: 100%;    }    .wa_main_bn_wrap .owl-theme .owl-dots {        bottom: 30px;    }	.banner-layer{		height:50px;	}	.about-content .image-column {        margin-bottom: 30px;    }	.template-heading{		margin-bottom:40px;		max-width:100%;		overflow:hidden;	}	.template-heading h2{		font-size:30px;	}	.template-heading h3{		font-size:28px;	}	.template-heading.marT100{		margin-top:0px;	}	.breadcrumb-section h2 {		margin-top: 50px;		font-size: 21px;	}	.about-content .inner.padT100 {        padding-top: 30px;        margin-bottom: 100px;        text-align: center;    }	.about-section2-image span {		font-size: 200px;		bottom: -10px;		left: -10px;		line-height: 200px;	}	.about-section2-content .template-heading{		margin-top:40px;	}	.about-section.grey-bg .about-section2-image{	    margin-bottom:30px;	}	.about-image-captions h2 {        right: 0;        -moz-transform: rotate(-90deg);        -webkit-transform: rotate(-90deg);        -o-transform: rotate(90deg);        -ms-transform: rotate(90deg);        font-size: 40px;        color: #ffffff;        position: absolute;        top: 40%;        right: -95px;        opacity: 0.8;	}	.large-right {		margin-right: -118px;	}	.large-left {		margin-left: -118px;	}	.circle-one {		width: 245px;		height: 245px;		margin-top: -105px;		border: 62px solid;	}	.small-left {		margin-left: -118px;	}	.small-right {		margin-right: -118px;	}	.circle-two{		width: 245px;		height: 245px;		margin-top: -105px;		margin-bottom: -105px;		border: 62px solid;	}	.wa-box-style2 {		padding: 50px 35px;    }	.services-style2 .wa-box-style2 {		padding: 30px 30px;		margin-top:0px;		margin-bottom:30px;	}	.blockquote-style2{		padding: 30px 15px 30px 30px;	}	.skill-bar-content p{		margin-bottom:10px;	}	.photography-skill{		margin-top:20px;	}	.portfolio-style1:hover .hover-circle-element{		width: 150px;		height: 150px;		border: 30px solid;	}	.hover-circle-element {		right: -50px;		bottom: -50px;	}	.hover-circle-element a{		width: 30px;		height: 30px;		margin-left: -20px;		margin-top: -20px;		}	.blogs_main .block-caption h3 {		font-size: 12px;	}	.blog-caption-item h3 {		font-size:20px;	}	.blogs_main .block-caption h4{		font-size:17px;	}	.blogs_details .block-caption h3{		font-size: 18px;	}	.block-detail-head h1{		text-align:center;	}	.blogs_main .meta-block li {		margin-right: 7px;	}    .home-blog-item {        position: relative;        float: left;        width: 100%;        margin-bottom: 30px;    }	.blog-author-area ul.blog-meta-info{		padding:10px 0px;	}	.blogs_main .blog-list-caption.block-caption {        padding: 30px 0px 0px 0px;    }	.reviews-container .rev-thumb{		width: 55px;		height: 55px;	}	.reviews-container .rev-thumb img {		width: 55px;		height: 55px;	}	.reviews-container .rev-content{		padding: 15px;	}	.sub-rev-box.depth-2{		margin-left:0px;	}	.sub-rev-box.depth-3{		margin-left:0px;	}	.rev-content h4 span{		font-size:13px;	}	.template-button-2{		margin-bottom:30px;	}	.styled-pagination li{		margin: 5px 2px 0px 0px;	}	.error-page .light-button1 {		padding: 7px 18px;		}	.error-page p{	    text-align:center;	}	.error-page h4{	    text-align:center;	    line-height: 38px;	}	.error-page .social{	    text-align:center;	}	.error-page .white-bg .template-heading h2 {        font-size: 29px;	}	.call-to-action h2{	    text-align:center;	    line-height: 38px;	}	.service-icon-image{	    margin-bottom:30px;	}	.service-author{	   text-align: center;	}	.service-author-image{	    position: relative;	}	.service-author-caption{	   padding-left: 0;	}	.pricing-section-main{		padding-bottom:0px;	}	.pricing-box{		margin-bottom:30px;	}	.coming-soon-page h1 {		font-size: 34px;		line-height: 42px;		margin-top:30px;	}	.coming-soon-page h3 {		font-size: 15px;	}	.count-area {        padding: 35px 0px;        font-size: 42px;        width: 100px;        height: 100px;    }	.socail-icon h2{		font-size: 28px;	}	.bottom-footer .copy-right{		text-align:center;	}	.bottom-footer .text-right{		text-align:center;	}	#main-footer .bottom-footer .social{		display:inline-block;		float:none;		text-align:center;	}	.footer-bg {        background-size: 885px 525px;        background-position: center;        background-repeat: repeat;    }}@media only screen and (min-width: 480px) and (max-width: 767px) {	    .wa_main_bn_wrap figcaption span {        font-size: 24px;    }    .wa_main_bn_wrap figcaption h2 {        font-size: 28px;    }	.wa_main_bn_wrap figcaption p{		display:block;		font-size: 17px;		line-height: 24px	}	.template-heading.marT100 {		margin-top: 30px;	}	.breadcrumb-section h2 {		font-size: 30px;	}	.portfolio-style1:hover .hover-circle-element{		width: 250px;		height: 250px;		border: 50px solid;	}	.hover-circle-element {		right: -75px;		bottom: -75px;	}	.hover-circle-element a{		width: 40px;		height: 40px;		margin-left: -25px;		margin-top: -25px;		}	.error-page .light-button1 {		padding: 7px 18px;		}	.coming-soon-page h1 {		font-size: 36px;		line-height: 44px;		margin-top:30px;	}	.coming-soon-page h3 {		font-size: 15px;	}}/*：此代码只作为演示用,不是源代码。源码地址唯一出处: http://www.bootstrapmb.com/item/3665(这个备注仅在演示页面有，源代码里没有)*/