/* ******************************************************************************* */
@media (min-width: 768px) {
	.main-navigation li .sub-menu.mega-dropdown-menu {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.main-navigation li .sub-menu.mega-dropdown-menu {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.main-navigation li .sub-menu.mega-dropdown-menu {
		width: 1170px;
	}
}

@media only screen and (max-width: 1366px) {
	.archiplus-featured-carousel .owl-nav .owl-prev {
		left: 60px;
	}

	.archiplus-featured-carousel .owl-nav .owl-next {
		right: 60px;
	}
}

@media (min-width: 768px) {
	.page-services .service-wrapper {
		width: 750px;
	}
}

@media (min-width: 992px) {
	.page-services .service-wrapper {
		width: 970px;
	}
}

@media (min-width: 1200px) {
	.page-services .service-wrapper {
		width: 1170px;
	}
}

@media only screen and (max-width: 1366px) {
	.type-project .hover-content a:not(.button) {
		font-size: 18px;
	}

	.type-project .hover-content a.button {
		letter-spacing: 0;
	}

	.type-project .hover-content a.button i {
		margin-left: 20px;
	}
}

@media only screen and (max-width: 1366px) {
	.pricing-table .button {
		padding: 15px;
		font-size: 0.8em;
	}

	.button-shortcodes .button {
		width: 120px;
	}

	.slider-wrapper-thumbs {
		margin: 0 -5px;
	}

	.slider-wrapper-thumbs .owl-thumb-item {
		margin: 0 0 30px;
		padding: 0 5px;
		width: 33.3333%;
	}

	.slider-wrapper .owl-dots {
		top: -28px;
	}
}

@media only screen and (max-width: 1366px) {
	.home-two .archiplus-testimonial-section .owl-nav .owl-next {
		right: 5px;
	}

	.archiplus-about-section {
		background: url(../img/home2-about.jpg) 300% no-repeat #8260e3;
		background-size: contain;
	}
}

@media only screen and (max-width: 1024px) {
	.page-faq .archiplus-tab-nav a {
		width: auto;
		height: auto;
	}

	.home-two .archiplus-service-wrapper .type-service,
	.type-service:nth-child(1),
	.type-service:nth-child(2),
	.type-service:nth-child(3),
	.type-service:nth-child(4),
	.type-service:nth-child(5),
	.type-service:nth-child(6) {
		width: 100%;
	}

	.type-service .entry-content {
		max-width: 50%;
	}

	.type-service:nth-child(2) .entry-content,
	.type-service:nth-child(2) .entry-image,
	.type-service:nth-child(5) .entry-content,
	.type-service:nth-child(5) .entry-image {
		float: left;
	}

	.type-service:nth-child(2) .entry-content:after,
	.type-service:nth-child(5) .entry-content:after {
		right: -59px;
		bottom: auto;
		top: 50%;
		left: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		border-color: transparent transparent transparent #fff !important;
	}

	.type-service:nth-child(2):hover .entry-content:after,
	.type-service:nth-child(5):hover .entry-content:after {
		border-color: transparent transparent transparent #8260e3 !important;
	}

	.home-two .type-project {
		min-width: auto;
	}

	.homepage.home-two .type-post.small-post .entry-summary {
		width: 65%;
		padding: 27px 30px;
	}

	.archiplus-about-section {
		background: url(../img/home2-about.jpg) -580% 100% no-repeat #8260e3;
		background-size: cover;
	}
}

@media only screen and (max-width: 768px) {
	.mean-bar {
		position: relative;
		background: #fff;
		position: absolute;
		top: 25px;
		right: 20px;
		z-index: 100;
	}

	.mean-bar span {
		display: block;
		height: 3px;
		width: 25px;
		margin-bottom: 6px;
		background: #2c323e;
		transition: all 0.4s;
		z-index: 24;
	}

	.mean-link-open {
		position: relative;
		height: 20px;
		width: 25px;
		display: block;
	}

	.open-menu.mean-bar span:nth-child(2) {
		display: none;
	}

	.open-menu.mean-bar span:first-child {
		position: absolute;
		top: 8px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		background: #fff;
	}

	.open-menu.mean-bar span:last-child {
		position: absolute;
		top: 8px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
		background: #fff;
	}

	.mean-bar span:last-child {
		margin-bottom: 0;
	}

	.mean-bar .site-navigation {
		position: relative;
		display: none;
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
	}

	.mean-bar .main-navigation {
		position: absolute;
		z-index: 20;
		top: 0;
		left: 0;
		right: 0;
		background: rgba(44, 50, 62, 0.9);
		width: 100%;
		height: 100%;
		padding-top: 50px;
	}

	.mean-bar .main-navigation li {
		display: block;
		color: #fff;
		padding: 0;
		line-height: 2 !important;
		font-size: 26px;
		text-align: center;
		padding-top: 20px;
	}

	.mean-bar .main-navigation li a {
		display: block;
		padding: 5px 15px;
	}

	.main-navigation .has-sub-menu ul li.dropdown-list,
	.main-navigation .has-sub-menu ul:not(.mega-dropdown-menu) li {
		padding: 0 !important;
		margin: 0 !important;
		font-size: 15px;
		font-family: "Microsoft YaHei";
		letter-spacing: 0.5px;
		border-bottom: 0;
	}

	.mean-bar .main-navigation .has-sub-menu > ul {
		position: static;
		display: none;
		width: 100%;
		opacity: 1;
		visibility: visible;
		padding: 0;
		background: #464d50;
	}

	.mean-bar .open-sub-menu {
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3;
	}

	.mean-bar .sub-menu {
		-webkit-transition: none !important;
		-moz-transition: none !important;
		transition: none !important;
	}

	.main-navigation .has-sub-menu:hover:before {
		display: none;
	}

	.archiplus-slider-content .site-page-title-content .title {
		font-size: 50px;
	}

	.homepage .site-page-title {
		/* background: 0 0; */
		/* min-height: 100%; */
		min-height: 300px;
	}

	.home-two .section-phone {
		display: block;
		margin: 0 0 10px;
		padding: 0;
	}

	.home-two .section-email a,
	.home-two .section-email i,
	.home-two .section-phone a,
	.home-two .section-phone i {
		position: static;
		display: inline-block;
		color: #464d50;
		font-size: 1em;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.home-two .site-branding {
		padding: 10px 0;
	}

	.carousel-project {
		margin-top: 40px;
	}

	.site-footer {
		padding: 60px 0 40px;
	}

	.site-footer .archiplus-newsletter {
		margin-top: 30px;
	}

	.archiplus-about-medal {
		margin: 30px 0;
	}

	.archiplus-about-wrapper {
		bottom: 25px;
	}

	.archiplus-featured-item {
		width: 80%;
	}

	.archiplus-featured-carousel .owl-nav .owl-prev {
		left: 0;
	}

	.archiplus-featured-carousel .owl-nav .owl-next {
		right: 0;
	}

	.archiplus-featured-carousel .owl-nav .owl-next img,
	.archiplus-featured-carousel .owl-nav .owl-prev img {
		max-height: 90px;
	}

	.archiplus-featured-item .avatar {
		bottom: auto;
	}

	.type-service:nth-child(1),
	.type-service:nth-child(2),
	.type-service:nth-child(3),
	.type-service:nth-child(4),
	.type-service:nth-child(5),
	.type-service:nth-child(6) {
		width: 100%;
		padding: 0 15px;
		margin-bottom: 10px;
	}

	.type-service .entry-content,
	.type-service .entry-image {
		max-width: 100%;
		width: 50%;
		min-height: auto;
	}

	.type-service:nth-child(2) .entry-content,
	.type-service:nth-child(2) .entry-image,
	.type-service:nth-child(5) .entry-content,
	.type-service:nth-child(5) .entry-image {
		float: left;
	}

	.type-service:nth-child(2) .entry-content:after,
	.type-service:nth-child(5) .entry-content:after {
		right: -59px;
		bottom: auto;
		top: 50%;
		left: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		border-color: transparent transparent transparent #fff !important;
	}

	.type-service:nth-child(2):hover .entry-content:after,
	.type-service:nth-child(5):hover .entry-content:after {
		border-color: transparent transparent transparent #8260e3 !important;
	}

	.page-services .service-wrapper {
		margin: 40px -15px 100px;
	}

	.type-service .entry-content {
		padding: 30px;
	}

	.single-services .type-service {
		padding: 0;
	}

	.single-services .type-service .entry-image {
		float: none;
		width: 100%;
	}

	.single-services .type-service .entry-content {
		margin-top: 0;
		max-width: 100%;
		width: 100%;
	}

	.service-info {
		padding: 40px 0;
	}

	.archiplus-featured-service .left i {
		margin-right: 20px;
	}

	.archiplus-featured-service .right {
		margin-top: 40px;
	}

	.archiplus-featured-service {
		padding: 60px 0;
	}

	.related-service {
		margin-bottom: 30px;
	}

	.single-project .type-project .project-contact .bottom {
		margin: 34px 5px;
	}

	.single-project .col-md-4 .row > .col-md-6 {
		margin-top: 60px !important;
	}

	.archiplus-widget-category li:before {
		margin-right: 5px;
	}

	.single-blog .entry-meta-bottom {
		margin-top: 60px;
		text-align: center;
	}

	.single-blog .entry-pagination,
	.single-blog .entry-share {
		float: none;
	}

	.slider-wrapper-thumbs .owl-thumb-item {
		width: auto;
	}

	.page-shortcodes .testimonial-wrapper {
		margin-bottom: 80px;
	}

	.page-faq .archiplus-tab-nav a {
		width: auto;
		height: auto;
	}

	.archiplus-contact-map {
		height: 300px;
	}

	.home-two .archiplus-service-wrapper .type-service {
		width: 100%;
		margin-bottom: 30px;
	}

	.home-two .type-project {
		min-width: auto;
	}

	.home-two .type-project .entry-title {
		font-size: 24px;
	}

	.homepage.home-two .type-post.small-post .entry-summary {
		padding: 27px 30px;
		width: 70%;
	}

	.home-two .type-post.small-post:first-child {
		margin-top: 18px;
	}

	.archiplus-about-section {
		background: #8260e3;
	}

	.archiplus-about-section .visible-sm {
		margin: 0 -15px;
	}

	.archiplus-pagination li:nth-child(4) {
		display: none;
	}

	/* add */
	.more-link {
		display: none;
	}

	.homepage .type-post .more-link {
		display: none;
	}

	.logo {
		width: 60%;
	}

	.slide-bg1 {
		background: url(../img/slide/s3.jpg) center no-repeat;
		background-size: cover;
		height: 200px;
		position: static;
	}

	.slide-bg2 {
		background: url(../img/slide/s6.jpg) center no-repeat;
		background-size: cover;
		height: 200px;
		position: static;
	}

	.slide-bg3 {
		background: url(../img/slide/s8.jpg) center no-repeat;
		background-size: cover;
		height: 200px;
		position: static;
	}

	.owl-carousel .owl-wrapper-outer {
		height: 200px;
	}

	.archiplus-about-content,
	.archiplus-project-section,
	.homepage .archiplus-blog-section {
		padding: 20px 0;
	}

	.homepage .archiplus-blog-section .title,
	.homepage .archiplus-blog-section .subtitle {
		text-align: left;
	}

	.about-wrap .about-box {
		display: block;
		overflow: hidden;
	}

	.about-wrap .about-list h4 {
		font-size: 14px;
	}

	.contact-box .contact-list,
	.contact-box .row .contact-list-s {
		margin: 0 6%;
		margin-bottom: 30px;
	}

	.contact-box .con-msg-box h3 {
		font-size: 16px;
		line-height: 22px;
		margin-top: 0;
		padding: 0 6%;
	}

	.blog .content-area .type-post .entry-summary .button {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.page-header {
		margin-top: 0;
	}

	.product-tab p {
		margin: 0;
		margin-bottom: 10px;
	}

	.product-tab {
		text-align: center;
		margin-bottom: 0;
	}

	.homepage .archiplus-project-section .title,
	.archiplus-about-content .title,
	.homepage .archiplus-blog-section .title,
	.homepage .archiplus-contact-us .title {
		font-size: 26px;
	}

	.homepage .archiplus-project-section .subtitle,
	.archiplus-about-content .subtitle,
	.homepage .archiplus-blog-section .subtitle,
	.homepage .archiplus-contact-us .subtitle {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.homepage .archiplus-slider-content .button {
		padding: 15px 20px;
		margin-top: 20px;
	}

	.indent-desc {
		height: 56px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		word-break: break-all;
	}

	.about-wrap .about-list {
		width: 50%;
		min-height: 120px;
		margin-bottom: 10px;
		padding: 1%;
		box-sizing: border-box;
	}

	.about-wrap .about-list:nth-child(even) {
		border-left: none;
	}

	.homepage .type-post .entry-content {
		padding: 10px;
	}

	.homepage .type-post .entry-wrapper {
		margin-bottom: 20px;
	}

	.homepage .type-post .entry-content a {
		font-size: 14px;
	}

	.archiplus-about-content{
		margin-bottom: 10px;
	}

	.archiplus-about-content p{
		font-size: 14px;
	}

	.homepage .archiplus-project-section .button,
	.about-wrap .button,
	.homepage .archiplus-blog-section .button,
	.homepage .archiplus-contact-us .button {
		margin: 0 auto;
		display: block;
		padding: 10px;
		width: 160px;
		text-align: center;
		position: relative;
		bottom: 0;
		right: 0;
		margin-top: 20px;
	}

	.blog .content-area .type-post .entry-summary p{
		text-align: left;
		margin-bottom: 10px;
	}


	.blog .content-area .type-post .entry-summary .button{
		margin-bottom: 10px;
		padding: 10px;
	}

	.page-header h1{
		font-size: 20px;
		text-align: left;
		padding: 0 10px;
		line-height: 30px;
	}
}

@media only screen and (max-width: 480px) {
	.archiplus-service-carousel .type-service {
		padding: 0;
	}

	.homepage .type-project {
		min-width: auto;
	}

	.homepage.home-two .type-post.small-post .entry-image,
	.homepage.home-two .type-post.small-post .entry-image img {
		width: 100%;
	}

	.homepage.home-two .type-post.small-post .entry-summary {
		width: 100%;
		padding: 20px;
	}

	.home-two .site-footer .archiplus-about-us {
		padding: 60px 0;
		border-right: 0;
	}

	.home-two .site-footer > .container .col-md-7 {
		padding: 60px 0 !important;
	}

	.home-two .site-footer > .container .col-md-7 .row > .col-md-3,
	.home-two .site-footer > .container .col-md-7 .row > .col-md-5 {
		padding: 0;
	}

	.home-two .archiplus-newsletter {
		padding-top: 30px;
		padding-left: 0;
	}

	.home-two .archiplus-newsletter button {
		position: static;
		width: 100%;
		height: 52px;
		margin-top: 20px;
	}

	.archiplus-about-section .visible-sm {
		margin: 0;
	}

	.archiplus-about-featured {
		padding: 60px 0;
		background: url(../img/featured-work.jpg) center no-repeat #212121;
		background-size: cover;
	}

	.archiplus-about-wrapper {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.archiplus-featured-item .content {
		padding-left: 0;
	}

	.archiplus-featured-item .avatar {
		position: static;
	}

	.archiplus-featured-item {
		width: 100%;
	}

	.archiplus-featured-carousel .owl-nav .owl-next img,
	.archiplus-featured-carousel .owl-nav .owl-prev img {
		height: 60px;
		-webkit-filter: invert(1);
		-moz-filter: invert(1);
		filter: invert(1);
	}

	.archiplus-featured-carousel .owl-nav .owl-prev {
		left: 10px;
	}

	.archiplus-featured-carousel .owl-nav .owl-next {
		right: 10px;
	}

	.archiplus-testimonial-carousel {
		padding: 0;
	}

	.widget .social-icons {
		margin-bottom: 30px;
	}

	.type-service .entry-content,
	.type-service .entry-image {
		width: 100%;
	}

	.type-service:nth-child(1) .entry-content:after,
	.type-service:nth-child(2) .entry-content:after,
	.type-service:nth-child(4) .entry-content:after,
	.type-service:nth-child(5) .entry-content:after {
		top: auto;
		bottom: -60px;
		right: auto;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		border-color: #fff transparent transparent !important;
	}

	.archiplus-featured-service .right .content:after,
	.homepage .archiplus-slider-content .owl-next {
		right: 15px;
	}

	.type-service:nth-child(3) .entry-content:after,
	.type-service:nth-child(6) .entry-content:after {
		top: -60px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
		border-color: transparent transparent #fff !important;
	}

	.type-service:nth-child(1):hover .entry-content:after,
	.type-service:nth-child(2):hover .entry-content:after,
	.type-service:nth-child(4):hover .entry-content:after,
	.type-service:nth-child(5):hover .entry-content:after {
		border-color: #8260e3 transparent transparent !important;
	}

	.single-services .type-service .entry-content:after,
	.type-service:nth-child(3):hover .entry-content:after,
	.type-service:nth-child(6):hover .entry-content:after {
		border-color: transparent transparent #8260e3 !important;
	}

	.service-info .bottom img,
	.service-info .top img {
		left: 0;
	}

	.archiplus-featured-service .right .content:before,
	.homepage .archiplus-slider-content .owl-prev {
		left: 15px;
	}

	.service-info .bottom .wrapper,
	.service-info .top .wrapper {
		padding-left: 70px;
	}

	.service-info .bottom .wrapper a,
	.service-info .top .wrapper a {
		font-size: 20px;
	}

	.archiplus-featured-service .right .avatar {
		border-right: 0;
		padding: 85px 0;
	}

	.archiplus-featured-service .right .avatar:before {
		display: none;
	}

	.archiplus-featured-service .right .content {
		padding-left: 20px;
		width: 65%;
	}

	.type-project .hover-content a.button {
		padding: 18px 20px;
	}

	.single-project .type-project .project-contact .left {
		border-right: 0;
		width: 100%;
		padding: 30px 15px;
	}

	.single-project .type-project .project-contact .bottom,
	.single-project .type-project .project-contact .top {
		margin: 0;
		width: 100%;
		padding: 30px 15px;
	}

	.type-project .project-contact img {
		top: 30px;
		left: 15px;
	}

	.single-project .type-project .project-contact a {
		font-size: 18px;
	}

	.archiplus-pagination li {
		margin-bottom: 10px;
	}

	.widget-area {
		margin-top: 30px;
	}

	.blog .content-area .type-post {
		margin-bottom: 40px;
	}

	.blog .entry-meta .avatar {
		margin: 40px auto 20px;
		text-align: center;
	}

	.blog .entry-meta .name,
	.blog .entry-meta .name strong,
	.blog .entry-published.big,
	.blog .entry-published.medium {
		text-align: center;
		position: static;
		background: 0 0;
		color: #464d50;
	}

	.blog .entry-meta .name {
		margin-bottom: 20px;
	}

	.button-shortcodes .button,
	.pricing-table,
	.social-media li {
		margin-bottom: 10px;
	}

	.blog .content-area .type-post .entry-summary {
		text-align: center;
	}

	.site-page-title-content .title {
		font-size: 30px;
	}

	.slider-wrapper-thumbs .owl-thumb-item {
		width: 33.33333%;
	}

	.social-media li {
		margin-right: 10px;
	}

	.testimonial-wrapper-thumbs {
		position: static;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.page-faq .widget.widget-call-us {
		padding: 125px 0 30px;
		margin-bottom: 30px;
	}

	.archiplus-contact-mail p:not(.text-center):not(.message) {
		float: none;
		width: 100%;
	}

	.archiplus-contact-mail .name input {
		width: 100%;
		margin-left: 0;
	}

	.archiplus-contact-address,
	.archiplus-contact-follow {
		width: 100%;
		border: 0;
		padding: 20px;
	}

	.archiplus-contact-address .left,
	.archiplus-contact-address .right {
		float: none;
		width: 100%;
	}

	.archiplus-contact-address button {
		padding: 20px;
	}

	.site-page-title-content .subtitle {
		font-size: 15px;
	}

	.archiplus-slider-content .site-page-title-content .title {
		font-size: 30px;
		margin-top: 10px;
	}

	.homepage .archiplus-slider-content .owl-nav [class*="owl-"] {
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 10px;
	}

	.homepage .archiplus-slider-content .counter .small {
		font-size: 30px;
		margin: 0;
	}

	.homepage .archiplus-slider-content .counter {
		font-size: 50px;
		top: auto;
		bottom: 20px;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.home-two .type-slider .content-slider {
		background: url(../img/home-slider.png) center no-repeat;
		background-size: cover;
		width: 100%;
		left: 0;
		top: 0;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}

	.home-two .type-slider .container {
		position: relative;
		height: 300px;
	}

	.home-two .home-slider .owl-dots {
		position: absolute;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}