@media screen and (max-width: 767px) {
	.navbar-brand {
		position: absolute;
		top: 12px;
		background: transparent url(../images/yihongNormal.svg) no-repeat 0 0/contain;
	}
	.nav-bg {
		display: block;
		background: #fff;
		/* height: 100%; */
	}
	.nav-bg .container{
		
	}
	/* #menu is the original menu */
	#wpb-mobile-menu {
		display: none;
	}
	.slicknav_menu {
		display: block;
	}
	.copyright {
		display: none;
	}
}


/* SlickMenu responsive */

@media screen and (max-width: 768px) {
	.navbar-toggler {
		display: none;
	}
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#main-menu ul>li>a {
		font-size: 13px;
		font-weight: 400;
		padding: 28px 10px;
	}
	#main-menu ul .dropdown .dropdown-menu a {
		border-top: 1px solid #e2e6e7;
		color: #666;
		display: block;
		font-size: 12px;
		font-weight: 400;
		height: auto;
		line-height: 16px;
		padding: 9px 19px 7px;
		transition: all 0.3s ease-in-out 0s;
	}
	#carousel-area .carousel-item .carousel-caption h2 {
		font-size: 36px;
	}
	#carousel-area .carousel-item .carousel-caption h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#carousel-area .carousel-item .carousel-caption>p {
		font-size: 24px;
	}
	#carousel-area img {
		height: 100%;
	}
	.pricing-table-x .plan-info p {
		font-size: 12px;
	}
	.introduce .introduce-item .introduce-profile .introduce-content .content-white {
		font-size: 9px;
		line-height: 12px;
		width: 60%;
	}
	.introduce .introduce-item .social .facebook,
	.introduce .introduce-item .social .twitter,
	.introduce .introduce-item .social .google-plus {
		font-size: 8px;
		height: 25px;
		line-height: 25px;
		width: 25px;
	}
	.footer-widget p {
		font-size: 12px;
	}
	.social-footer a .fa {
		height: 25px;
		line-height: 25px;
		width: 25px;
	}
	footer .ewm a {
		width: 31%;
	}
	footer ul li.tweet {
		font-size: 12px !important;
	}
	.copyright p,
	.copyright a {
		font-size: 10px !important;
	}
	.single-pricing-2 .btn {
		padding: 10px 15px;
		font-size: 10px;
	}
	.single-pricing-2 .plan-price {
		font-size: 35px;
	}
	.single-pricing-2 ul li {
		font-size: 12px;
	}
	ul.nav-tabs li a {
		font-size: 11px;
	}
	.btn-lg {
		padding: 12px 20px;
	}
	.btn-md {
		padding: 12px 14px;
	}
	.pricing-table h3 {
		font-size: 24px !important;
	}
	.single-pricing-2 .plan-name {
		font-size: 18px;
	}
	.sup-desc-wrap .sup-meta-wrap .sup-description {
		display: none;
	}
	.portfolio-meta ul li span {
		font-size: 10px;
		width: 78px;
	}
	.portfolio-meta ul li {
		font-size: 10px;
	}
	span.published-time {
		font-size: 10px;
	}
	.widget.popular-post h4 {
		font-size: 12px;
	}
	.flickr-widget .ewm a img {
		width: 31%;
	}
	.widget.tag-cloud a {
		font-size: 8px;
	}
	.section {
		padding: 50px 0px;
	}
}

@media (max-width: 767px) {
	.nav-inline .nav-item+.nav-item {
		margin-left: 0;
		float: none;
	}
	#main-menu ul .dropdown .dropdown-menu {
		display: block;
		position: relative;
		width: 100%;
	}
	#main-menu {
		clear: both;
		width: 100%;
	}
	nav.navbar.navbar-light {
		min-height: 73px;
	}
	nav.navbar.navbar-light button.navbar-toggler {
		background: #333 none repeat scroll 0 0;
		border-radius: 0 !important;
		margin-top: 17px;
	}
	nav.navbar.navbar-light ul.nav-inline .nav-item {
		display: block;
	}
	nav.navbar.navbar-light ul.nav-inline {
		max-height: 350px;
		overflow-x: scroll;
		margin-top: 20px;
	}
	#roof {
		display: none;
	}
	#main-menu ul>li>a {
		font-size: 12px !important;
		padding: 18px 10px;
	}
	.page-header-content h2 {
		text-align: center;
	}
	.footer-widget {
		margin-bottom: 40px;
	}
	.carousel-item>img {
		height: 100% !important;
	}
	#carousel-area .carousel-item .carousel-caption h2 {
		font-size: 26px;
		font-weight: 600;
	}
	#carousel-area .carousel-item .carousel-caption h3 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	#carousel-area .carousel-item .carousel-caption>p {
		font-size: 22px;
	}
	#carousel-area .carousel-item .carousel-caption>span {
		display: none;
	}
	.btn-lg {
		font-size: 10px;
		padding: 10px 16px;
		text-transform: uppercase;
	}
	.section-title {
		font-size: 18px;
	}
	.section-subcontent {
		font-size: 12px;
		line-height: 17px;
		padding-bottom: 10px;
	}
	#portfolio a.filter {
		font-size: 10px;
		margin: 5px;
		padding: 5px 11px;
	}
	.controls {
		padding: 0;
	}
	.pricing-table-x .table-header h3 {
		font-size: 18px;
	}
	.plan-info>p {
		font-size: 12px !important;
	}
	.pricing-table-x .button-area {
		padding: 14px 0 40px;
	}
	.pricing-table-x {
		margin: 20px 15px;
	}
	.service2-single-service .fa {
		font-size: 18px;
		height: 45px;
		line-height: 45px;
		width: 45px;
	}
	.service2-single-service h2 {
		font-size: 15px;
	}
	.service2-single-service p {
		font-size: 11px;
	}
	.images {
		text-align: center;
	}
	.yihongAbout .yihongIntroduce .images {
	    height: 350px;
	}
	.split h2.title {
		font-size: 16px;
		line-height: 24px;
	}
	#other-services .service-content p.lead {
		font-size: 12px;
		line-height: 28px;
		margin-bottom: 7px;
	}
	#other-services .service-content p {
		font-size: 12px;
	}
	.about2-intro-image {
		margin-bottom: 10px;
	}
	#default-tab li.nav-item a.nav-link {
		padding: 5px;
		font-size: 12px;
	}
	.single-testimonial-area h3 {
		font-size: 18px;
		line-height: 25px;
	}
	.single-testimonial-area p {
		font-size: 12px;
	}
	.section {
		padding: 40px 0px;
	}
	.page-header-area {
		height: 86px;
	}
	.page-header-content h2 {
		font-size: 28px;
	}
	.cta-content h2 {
		font-size: 20px;
		line-height: 32px;
	}
	.cta-content p {
		font-size: 12px;
		line-height: 18px;
		padding-top: 5px;
	}
	.cta-content .btn {
		font-size: 12px;
		margin-top: 0;
		padding: 7px 12px;
	}
	#google-map-contact {
		height: 200px;
		padding: 0;
	}
	.section-padding {
		padding: 60px 0;
	}
	.contact-title-text h2 {
		font-size: 30px;
	}
	.contact-title-text p {
		font-size: 14px;
	}
	.contact-widget h2 {
		margin-bottom: 10px;
		font-size: 20px;
	}
	.contact-widget address {
		line-height: 35px;
		font-size: 12px;
	}
	.error-section h1 {
		font-size: 4rem;
	}
	.error-section h4 {
		font-size: 16px;
	}
	#round-tab ul li a {
		font-size: 12px;
		padding: 6px !important;
	}
	#vertical-tab .nav-tabs,
	#vertical-tab .tab-content {
		vertical-align: top;
		display: inherit;
	}
	#vertical-tab ul.nav-tabs li a {
		font-size: 12px;
		padding: 12px 40px;
	}
	#vertical-tab ul.nav-tabs {
		margin-bottom: 20px;
	}
	#vertical-tab p {
		font-size: 13px;
		line-height: 23px !important;
	}
	.shortcode-buttons-area .col-md-3,
	.shortcode-pie-skill-area .col-md-6 {
		margin: 30px 0;
	}
	.single-portfolio-area .small-title {
		margin-top: 30px;
	}
	.portfolio-controls ul li a.btn {
		padding: 5px 30px;
	}
	.featured-wrapper img {
		height: 200px;
	}
	.blog-post-footer ul li a {
		padding: 4px 12px;
	}
	.blog-post-footer a.btn {
		margin-top: 10px;
	}
	iframe {
		height: 200px !important;
	}
	ul.pagination a.page-link {
		font-size: 10px;
		padding: 5px;
	}
	.search-bar {
		margin-top: 40px;
	}
	.sidebar-area .widget {
		margin-bottom: 30px;
	}
	.about-author-section .media-left {
		display: block !important;
		text-align: center;
	}
	.about-author-section .media .media-body {
		padding-left: 10px;
		text-align: center;
		padding-top: 20px;
	}
	.author-footer .fa {
		font-size: 18px !important;
		height: 35px !important;
		line-height: 35px !important;
		width: 35px !important;
	}
	.comments-area .media-left,
	.comments-area .media-right {
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}
	.comment-author {
		margin: 10px 0;
	}
	.commentor-info>p {
		font-size: 13px;
		line-height: 23px;
	}
}


/* Tablets */

@media (min-width: 768px) and (max-width: 991px) {
	.yihongIndex #carousel-area .carousel-inner .carousel-item {
		height: 380px;
	}
	.yihongAbout #carousel-area .carousel-inner .carousel-item {
		height: 240px;
	}
	.yihongIndex #carousel-area .carousel-inner .carousel-item .banner{
		height: 100%;
	}
	.carousel-item>img {
		width: 100%;
	}
	#carousel-area .carousel-item .carousel-caption .btn {
		margin: auto;
		font-size: 12px;
		margin-top: 10px;
		padding: 10px 15px;
	}
	#carousel-area .carousel-item .carousel-caption {
		top: 25%;
	}
	#carousel-area .carousel-indicators {
		bottom: 25px;
	}
}


/*You can add your won color also */

@media (min-width: 767px) and (max-width: 1024px) {
	.section-title {
		font-size: 40px;
	}
	.small-title {
		font-size: 20px;
	}
	.social-links-bordered a i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.input-lg {
		font-size: 14px;
	}
	.full-search input[type='text'] {
		width: 96%;
	}
	#roof .quick-contacts span {
		padding: 0 10px;
	}
	#roof .social-links a {
		margin: 0 2px;
	}
	.navbar-engage .navbar-nav>li>a,
	.navbar-engage.affix .navbar-nav>li>a,
	.navbar-engage .navbar-nav>li>a:focus,
	.navbar-engage.affix .navbar-nav>li>a:focus {
		font-size: 12px;
		padding: 0;
		margin: 20px 10px;
	}
	.navbar-engage .navbar-brand img,
	.navbar-engage.affix .navbar-brand img {
		width: 100px;
	}
	.navbar-engage .dropdown-menu>li>a,
	.navbar-engage.affix .dropdown-menu>li>a {
		font-size: 12px;
	}
	.navbar-engage .navbar-nav>li>a:before,
	.navbar-engage.affix .navbar-nav>li>a:before {
		bottom: 0;
	}
	.navbar-engage.affix .navbar-brand {
		padding: 15px;
	}
	.top_search_con {
		display: none;
	}
	#carousel-area .item {
		height: 400px;
	}
	#carousel-area .item .carousel-caption h2 {
		font-size: 50px;
	}
	#carousel-area .item .carousel-caption h3 {
		font-size: 20px;
	}
	#carousel-area .carousel-control i {
		width: 40px;
		height: 40px;
		padding: 12px 0;
		font-size: 15px;
	}
	#service-block-main .service-item {
		margin: 60px 0;
	}
	#service-block-main .service-item h2 {
		font-size: 24px;
	}
	#service-block-1 .service-item .service-content h2 {
		font-size: 26px;
	}
	#portfolio .portfolio-items .mix,
	#portfolio .portfolio-items .gap {
		width: 50%;
	}
	#portfolio .portfolio-items figure figcaption {
		padding: 32px;
	}
	#portfolio .portfolio-items.col-3 .mix,
	#portfolio .portfolio-items.col-3 .gap {
		width: 50%;
	}
	#other-services .other-service-item .service-content h3 {
		font-size: 18px;
	}
	#progress {
		overflow-x: hidden;
	}
	#progress .our-progress:before {
		background: none;
	}
	#progress .progress-bottom {
		padding-bottom: 0;
		padding-top: 0;
	}
	#progress .progress-item {
		margin: 30px 0;
	}
	#notice h4 {
		font-size: 30px;
	}
	#notice p {
		font-size: 20px;
	}
	#notice .notice-button {
		margin-top: 15px;
	}
	#cool-facts .fact-block {
		margin: 30px 0;
	}
	#cool-facts .section-subtitle {
		padding-bottom: 30px;
		font-size: 24px;
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#blog .blog-item-text .blog-item-info a {
		padding-right: 6px;
	}
	#team .team-item {
		margin: 30px 0;
	}
	.pricing-table {
		margin: 60px 0;
	}
	.pricing-table h3 {
		font-size: 24px;
	}
	#service-block-2 .service-inner h3 {
		font-size: 24px;
	}
	#why-choose h2 {
		font-size: 24px;
	}
	#why-choose .tab-container h2 {
		font-size: 24px;
	}
	.social-icons-fill li {
		margin-right: 1px;
	}
	.massage-box .massage-box-icon {
		height: 60px;
	}
	#tabs .tab-content h1 {
		font-size: 24px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.section-title {
		font-size: 36px;
	}
	.page-header .page-subtitle {
		font-size: 18px;
	}
	.navbar-header {
		width: 100%;
	}
	.navbar-engage .dropdown .sub-menu {
		top: 0;
		left: 0 !important;
		padding: 0;
		border: none;
		-webkit-animation: fadeInUpMenu 0.4s;
		-moz-animation: fadeInUpMenu 0.4s;
		-ms-animation: fadeInUpMenu 0.4s;
		-o-animation: fadeInUpMenu 0.4s;
		animation: fadeInUpMenu 0.4s;
	}
	#carousel-area {
		padding-top: 64px;
	}
	#carousel-area .item {
		height: 300px;
	}
	#carousel-area .item .carousel-caption h2 {
		font-size: 30px;
	}
	#carousel-area .item .carousel-caption h3 {
		font-size: 18px;
	}
	#carousel-area .item .carousel-caption .btn {
		margin: 5px;
	}
	#carousel-area .carousel-control i {
		width: 40px;
		height: 40px;
		padding: 12px 0;
		font-size: 15px;
	}
	#carousel-area .carousel-indicators {
		display: none;
	}
	#service-block-main .service-item {
		margin: 60px 0;
	}
	#service-block-main .service-item h2 {
		font-size: 24px;
	}
	#portfolio .portfolio-items .mix,
	#portfolio .portfolio-items .gap {
		width: 50%;
	}
	#portfolio .portfolio-items .mix figure h4,
	#portfolio .portfolio-items .gap figure h4 {
		display: none;
	}
	#portfolio .portfolio-items .mix figure figcaption::after,
	#portfolio .portfolio-items .gap figure figcaption::after,
	#portfolio .portfolio-items .mix figure figcaption::before,
	#portfolio .portfolio-items .gap figure figcaption::before {
		display: none;
	}
	#portfolio .portfolio-items figure figcaption {
		padding: 10px;
	}
	#portfolio .controls .btn {
		margin: 5px 2px;
	}
	#portfolio .portfolio-items.col-3 .mix,
	#portfolio .portfolio-items.col-3 .gap {
		width: 50%;
	}
	#portfolio .portfolio-items.col-3 .mix figure h4,
	#portfolio .portfolio-items.col-3 .gap figure h4 {
		display: none;
	}
	#portfolio .portfolio-items.col-3 .mix figure figcaption::after,
	#portfolio .portfolio-items.col-3 .gap figure figcaption::after,
	#portfolio .portfolio-items.col-3 .mix figure figcaption::before,
	#portfolio .portfolio-items.col-3 .gap figure figcaption::before {
		display: none;
	}
	#portfolio .portfolio-items figure figcaption {
		padding: 25px;
	}
	#portfolio .controls .btn {
		margin: 5px 2px;
	}
	#progress {
		overflow-x: hidden;
	}
	#progress .our-progress:before {
		background: none;
	}
	#progress .progress-bottom {
		padding-bottom: 0;
		padding-top: 0;
	}
	#progress .progress-item {
		margin: 30px 0;
	}
	#cool-facts .fact-block {
		margin: 30px 0;
	}
	#testimonial #testimonial-carousel p {
		font-size: 20px;
	}
	#testimonial #testimonial-carousel .carousel-control.left {
		left: 15px;
	}
	#testimonial #testimonial-carousel .carousel-control.right {
		right: 15px;
	}
	#testimonial .item blockquote small span {
		display: block;
		line-height: 40px;
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#clients #clients-scroller img {
		width: 80%;
		margin-left: 34px;
	}
	#team .team-item {
		margin: 30px 0;
	}
	.pricing-table {
		margin: 60px 0;
	}
	.pricing-table h3 {
		font-size: 24px;
	}
	#tabs .nav-tabs li a {
		font-size: 12px;
		padding: 10px 12px;
	}
	#why-choose .tab-container h2 {
		font-size: 26px;
	}
	#why-choose .tab-menu .list-group {
		width: 536px;
		margin: 40px 8px;
		float: left;
	}
	#why-choose .tab-menu .list-group>a {
		float: left;
		margin: 0px 8px;
	}
	.page-header-content h2 {
		text-align: center;
	}
}

@media (min-width: 320px) and (max-width: 480px) {
	.section-title {
		font-size: 26px;
		line-height: 30px;
	}
	.section-title:before {
		display: none;
	}
	.small-title {
		font-size: 25px;
	}
	.loadmore-button .btn {
		padding: 6px 13px;
		margin-bottom: 5px;
	}
	.social-links-bordered a i {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}
	.navbar-header {
		width: 100%;
	}
	.page-header .page-title {
		font-size: 20px;
	}
	.page-header .page-subtitle {
		font-size: 18px;
	}
	.input-lg {
		font-size: 14px;
	}
	#roof .quick-contacts span {
		padding: 0 10px;
	}
	#roof .social-links a {
		margin: 0 2px;
	}
	.justify-content-end {
		justify-content: flex-start !important;
	}
	.row {
		padding: 0;
	}
	.section-title {
		padding: 20px 0px 0px;
	}
	.section-title+.row {
		padding: 0px 0px 30px;
	}
	#carousel-area {
	}
	#carousel-area .item {
		height: 300px;
	}
	#carousel-area .item .carousel-caption h2 {
		font-size: 30px;
	}
	#carousel-area .item .carousel-caption h3 {
		font-size: 20px;
	}
	#carousel-area .item .carousel-caption .btn {
		margin: 5px;
	}
	#carousel-area .carousel-control i {
		width: 40px;
		height: 40px;
		padding: 12px 0;
		font-size: 15px;
	}
	#carousel-area .carousel-indicators {
		display: none;
	}
	#service-block-main .service-item {
		margin: 60px 0;
	}
	#service-block-main .service-item h2 {
		font-size: 24px;
	}
	#service-block-1 .service-item .service-content h2 {
		font-size: 22px;
	}
	#portfolio .portfolio-items .mix,
	#portfolio .portfolio-items .gap {
		width: 100%;
	}
	#portfolio .portfolio-items .mix figure h4,
	#portfolio .portfolio-items .gap figure h4 {
		display: none;
	}
	#portfolio .portfolio-items .mix figure figcaption::after,
	#portfolio .portfolio-items .gap figure figcaption::after,
	#portfolio .portfolio-items .mix figure figcaption::before,
	#portfolio .portfolio-items .gap figure figcaption::before {
		display: none;
	}
	#portfolio .portfolio-items figure figcaption {
		padding: 36px;
	}
	#portfolio .controls .btn {
		margin: 5px 2px;
	}
	#portfolio .portfolio-items.col-3 .mix,
	#portfolio .portfolio-items.col-3 .gap {
		width: 100%;
	}
	#portfolio .portfolio-items.col-3 .mix figure h4,
	#portfolio .portfolio-items.col-3 .gap figure h4 {
		display: none;
	}
	#portfolio .portfolio-items.col-3 .mix figure figcaption::after,
	#portfolio .portfolio-items.col-3 .gap figure figcaption::after,
	#portfolio .portfolio-items.col-3 .mix figure figcaption::before,
	#portfolio .portfolio-items.col-3 .gap figure figcaption::before {
		display: none;
	}
	#portfolio .portfolio-items figure figcaption {
		padding: 25px;
	}
	#portfolio .controls .btn {
		margin: 5px 2px;
	}
	#other-services .other-service-item .service-content h3 {
		font-size: 15px;
	}
	#progress {
		overflow-x: hidden;
	}
	#progress .our-progress:before {
		background: none;
	}
	#progress .progress-bottom {
		padding-bottom: 0;
		padding-top: 0;
	}
	#progress .progress-item {
		margin: 30px 0;
	}
	#notice h4 {
		font-size: 18px;
	}
	#notice p {
		font-size: 16px;
	}
	#notice .notice-button {
		margin-top: 15px;
	}
	#cool-facts .fact-block {
		margin: 30px 0;
	}
	#cool-facts .section-subtitle {
		padding-bottom: 30px;
		font-size: 24px;
	}
	#cool-facts .wrapper h2 {
		font-size: 20px;
	}
	#testimonial #testimonial-carousel p {
		font-size: 20px;
	}
	#testimonial #testimonial-carousel .carousel-control.left {
		left: 15px;
	}
	#testimonial #testimonial-carousel .carousel-control.right {
		right: 15px;
	}
	#testimonial .item blockquote small span {
		display: block;
		line-height: 40px;
	}
	#cool-facts .fact-block h4 {
		/* font-size: 30px;
		line-height: 40px; */
	}
	#blog .blog-item-wrapper {
		margin: 30px 0;
	}
	#blog .blog-item-text .blog-item-info a {
		padding-right: 6px;
	}
	#clients #clients-scroller .client-item-wrapper {
		padding: 0 45px;
	}
	#clients #clients-scroller .owl-controls {
		display: none;
	}
	.pricing-table {
		margin: 60px 0;
	}
	.pricing-table h3 {
		font-size: 24px;
	}
	#team .team-item {
		margin: 30px 0;
	}
	footer .footer-widget {
		margin: 30px 0;
	}
	.copyright-text {
		float: left!important;
	}
	.social-icons-fill li {
		margin: 0px 16px 0 0;
	}
	#why-choose .tab-container h2 {
		font-size: 28px;
	}
	#why-choose .list-group-item {
		width: 362%;
		margin: 40px 15px;
	}
	.navbar-nav .nav-item+.nav-item {
		margin-left: 0;
	}
	#main-menu {
		clear: both;
	}
	.page-header-content h2 {
		text-align: center;
	}
}


/* mobile or only mobile */

@media (max-width: 767px) {
	.carousel-item>img {
		height: 100%;
		width: 100%;
	}
	#carousel-area {
		padding-top: 64px;
	}
	.yihongIndex #carousel-area .carousel-inner .carousel-item {
		height: 300px;
	}
	.yihongAbout #carousel-area .carousel-inner .carousel-item {
		height: 180px;
	}
	.yihongIndex #carousel-area .carousel-inner .carousel-item .banner {
		height: 100%;
	}
	.yihongSolution #carousel-area .carousel-item .carousel-caption {
		padding-top: 40px;
	}
	#carousel-area .carousel-item .carousel-caption h2 {}
	#carousel-area .carousel-item .carousel-caption h3 {}
	#carousel-area .carousel-item .carousel-caption .btn {
		margin: auto;
		font-size: 9px;
		margin-top: 5px;
		padding: 8px 12px;
	}
	#carousel-area .carousel-control {
		top: 58%;
		display: none;
	}
	#carousel-area:hover .carousel-control {
		display: block;
	}
	#carousel-area .carousel-indicators {
		bottom: -8px;
	}
	#carousel-area i {
		margin-right: 0;
	}
	#carousel-area .carousel-item .carousel-caption {
		top: 14%;
	}
}

@media (max-width: 1199px) {
	header nav .top_number {
		display: none;
	}
	footer .footer-widget {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	footer .section>.footer-widget:nth-child(2){
		padding-right: 15px;
    	padding-left: 15px;
	}
	footer .footer-widget .small-title {
		margin: 0;
		margin-right: 30px;
		display: inline-block;
		line-height: 20px;
	}
	footer .footer-widget .recent-tweets {
		display: inline-block;
		vertical-align: text-bottom;
	}
	footer .footer-widget .recent-tweets li:nth-child(1),
	footer .footer-widget .recent-tweets li:nth-child(2),
	footer .footer-widget .recent-tweets li:nth-child(3),
	footer .footer-widget .recent-tweets li:nth-child(4),
	footer .footer-widget .recent-tweets li:nth-child(5) {
		display: block;
		float: left;
		margin: 0;
		margin-right: 24px;
	}
	footer .footer-widget .ewm,
	footer .footer-widget .contact-us {
		display: inline-block;
		vertical-align: bottom;
		text-align: left;
	}
	footer .footer-widget .ewm {
		display: inline-block;
		margin-right: 40px;
	}
	footer .footer-widget .ewm>p {
		margin-bottom: 0;
		margin-right: 20px;
	}
	.yihongAbout .baiduMap #baiduMap{
		height: 300px;
	}
}

@media (max-width: 991px) {
	footer .container .section {
		text-align: center;
		padding: 40px 0;
	}
	footer .footer-widget .ewm {
		margin: 0;
		margin-bottom: 20px;
	}
	.footer-text {
		display: none;
	}
	.footer-contacts {}
	.yihongAbout .baiduMap #baiduMap{
		height: 260px;
	}
}

@media (max-width: 640px) {
	.explain .service-item {
		text-align: center;
		margin-bottom: 20px;
	}
	.explain .service-item>i {
		float: none;
		margin: 0 auto;
	}
	.explain .service-item .explainText {
		float: none;
		margin: 10px;
	}
	.yihongAbout .baiduMap #baiduMap{
		height: 220px;
	}
}

@media (max-width: 576px) {
	.yihongSolution #carousel-area .carousel-item .carousel-caption div {
		border-radius: 6px;
	}
	.loadmore-button{
		text-align: center; 
	}
	.yihongIndex .eslink i.number,.yihongIndex .products i.number,.yihongIndex .solution i.number{
		margin: 0 auto;
	}
	.yihongIndex .eslink h2.title, .yihongIndex .products h2.title, .yihongIndex .solution h2.title{
		text-align: center;
	}
	.yihongIndex .eslink .content-inner>span, .yihongIndex .products .content-inner>span, .yihongIndex .solution .content-inner>span{
		display: block;text-align: center;
	}
	.yihongIndex .eslink .container>.row>div:first-child, 
	.yihongIndex .products .container>.row>div:first-child,
	.yihongIndex .solution .container>.row>div:first-child{
		height: 300px;
		padding-bottom: 20px;
	}
	
	footer .footer-widget .ewm,
	footer .footer-widget .contact-us,
	footer .footer-widget .contact-us>div {
		display: block;
		text-align: left;
	}
	footer .footer-widget .ewm,
	footer .footer-widget .contact-us {
		padding: 0 3%;
	}
	footer .footer-widget .contact-us {
		margin: 0;
	}
	footer .contact-us>div:first-child {
		border: 0;
		padding: 0;
		margin: 0;
		margin-bottom: 10px;
	}
	.yihongAbout .baiduMap #baiduMap{
		height: 180px;
	}
}