.sm_lang{display: none;}
@media only screen and (max-width:1199px) {
	.main-header {
		margin: 0 !important
	}

	.main-menu .navigation>li {
		margin-left: 0
	}

	.main-header .outer-box .buttons-box .theme-btn {
		font-size: 16px
	}

	.main-menu .navigation>li {
		margin-right: 25px
	}

	.main-header .header-upper .outer-container {
		padding: 0 15px
	}

	.banner-section .owl-nav .owl-next {
		right: 15px
	}

	.banner-section .owl-nav .owl-prev {
		left: 15px
	}

	.border-body {
		border: 0
	}

	.project-section .project-tab .tab-btns-box {
		top: 0;
		margin-top: 0
	}

	.project-section .outer-container {
		padding: 0 15px
	}

	.service-block .inner-box {
		padding-left: 40px;
		padding-right: 40px
	}

	.team-section .team-block:nth-child(4) .inner-box .overlay-content,
	.team-section .team-block:nth-child(7) .inner-box .overlay-content {
		left: auto;
		right: 50%
	}

	.price-block .inner-box {
		padding-left: 25px;
		padding-right: 25px
	}

	.price-block .inner-box .theme-btn {
		padding: 11px 26px
	}

	.press-block .inner-box {
		padding-left: 30px;
		padding-right: 30px
	}

	.main-header .main-menu .navigation.left-nav {
		/*padding-left: 50px*/
	}
	.main-menu .navigation>li>a{
		padding:15px 0;
	}

	.main-header .main-menu .navigation.right-nav {
		padding-right: 40px
	}

	.banner-section .slide {
		height: 750px
	}

	.hero-logo img {
		width: 55%
	}

	.banner-section .content-boxed .inner-box {
		margin-bottom: 50px
	}

	.about-section .image .image-left {
		box-shadow: -60px 60px 0 0 #f9f3e7
	}

	.services-section {
		padding: 0 0 120px
	}

	.project-section {
		padding: 119px 0 120px
	}

	.sec-title {
		margin-bottom: 50px
	}

	.team-section {
		padding: 120px 0 120px
	}

	.mt-20px {
		margin-top: 0
	}

	.pricing-section {
		padding-top: 119px
	}

	.pricing-section .inner-container {
		padding-bottom: 114px
	}

	.pricing-section .lower-text {
		margin-top: 42px
	}

	.press-section {
		padding-top: 119px;
		padding-bottom: 120px
	}

	.testimonial-section {
		padding: 119px 0 0
	}

	.clients-section {
		padding: 118px 0 117px
	}

	.main-footer .widgets-section {
		padding: 120px 0 86px
	}

	.main-footer .footer-bottom {
		padding: 50px 15px
	}

	.gallery-page-section {
		padding: 20px 0 120px
	}

	.gallery-page-section .loading-boxed {
		margin-top: -7px
	}

	.challenge-section {
		padding-top: 116px
	}

	.project-description-section .more-posts {
		padding-top: 60px;
		margin-top: 120px
	}

	.project-description-section {
		padding-top: 110px;
		padding-bottom: 110px
	}

	.about-section {
		padding: 120px 0 179px
	}

	.project-description-section .title-box {
		margin-bottom: 50px
	}

	.about-page.about-section {
		padding-bottom: 180px
	}

	.blog-page-section {
		padding: 20px 0 120px
	}

	.blog-detail-section .more-posts {
		margin-top: 120px
	}

	.blog-detail-section .lower-section {
		padding: 110px 0 120px
	}

	.contact-info-section {
		padding: 99px 0 80px
	}

	.contact-form-section {
		padding-bottom: 120px
	}

	.testimonial-section .owl-nav {
		top: -86px
	}

	.press-section .sec-title {
		margin-bottom: 50px
	}
}

@media only screen and (min-width:768px) {

	.main-menu .navigation>li>ul,
	.main-menu .navigation>li>ul>li>ul,
	.main-menu .navigation>li>ul>li>ul>li>ul,
	.main-menu .navigation>li>ul>li>ul>li>ul>li>ul {
		display: block !important;
		visibility: hidden;
		opacity: 0
	}


}

@media only screen and (max-width:991px) {
	.main-header .sticky-header .pull-right {
		width: 100%
	}


	.shape-image img{width: 160px;bottom: -75px;}

	.main-header .main-box .logo-box {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		text-align: left
	}

	.main-header .header-upper {
		padding-top: 0
	}

	.main-header,
	.main-header.fixed-header {
		position: relative;
		background-color: #222
	}

	.header-style-two {
		background-color: #fff;
		border-bottom: 1px solid rgba(0, 0, 0, .08)
	}

	.main-menu .navigation>li {
		margin-right: 25px
	}

	.main-header .header-upper .social-box li {
		margin-right: 15px
	}

	.main-header .header-upper .outer-container {
		padding: 0 15px
	}

	.about-section .image {
		margin: 0 0 149px
	}

	.main-menu {
		width: auto;
		padding-top:10px;
	}

	.main-header .header-upper .outer-box {
		padding: 0
	}

	.banner-section .slide {
		height: 550px
	}

	.banner-section .content-boxed .inner-box {
		margin-bottom: 50px;
		margin-top: -100px
	}

	.main-header .header-upper .logo-box .logo {
		padding: 20px 0
	}

	.services-section,
	.team-section {
		padding-bottom: 100px
	}

	.team-section .team-block {
		width: 50%;
		margin-left: 0
	}

	.team-section .team-block:nth-child(2n+0) .inner-box .overlay-content {
		left: auto;
		right: 50%
	}

	.team-section .team-block:nth-child(2n+1) .inner-box .overlay-content {
		left: 50%
	}

	.price-block {
		margin-bottom: 40px
	}

	.price-block .inner-box .price-list {
		min-height: auto;
		margin-bottom: 35px
	}

	.press-block .inner-box .post-date {
		margin-bottom: 50px
	}

	.main-footer .widgets-section .footer-column:nth-child(1) {
		order: 2
	}

	.main-footer .widgets-section .footer-column:nth-child(2) {
		order: 1
	}

	.main-footer .widgets-section .footer-column:nth-child(3) {
		order: 3
	}

	.main-footer .footer-widget {
		margin-bottom: 50px
	}

	.about-section .text br {
		display: none
	}

	.page-title-two-section {
		padding-top: 120px
	}

	.page-title-two-section h1 {
		letter-spacing: 4px
	}

	.page-title-section {
		padding: 100px 0 100px
	}

	.page-title-section h1 {
		letter-spacing: 5px
	}

	.challenge-section .title-box h2 {
		font-size: 36px
	}

	.challenge-section {
		padding-top: 110px
	}

	.page-title-three-section {
		padding-top: 120px
	}

	.blog-detail-section .inner-container blockquote {
		padding-left: 0
	}

	.contact-form-section .inner-container {
		padding-left: 40px;
		padding-right: 40px
	}

	.contact-form-section {
		padding-bottom: 100px
	}

	.project-block .inner-box .lower-box {
		padding: 25px 20px
	}

	.project-block .inner-box .lower-box .pull-left,
	.project-block .inner-box .lower-box .pull-right {
		width: 100%
	}

	.service-block .inner-box {
		padding-left: 42px;
		padding-right: 42px
	}

	.main-footer .widgets-section {
		padding-top: 100px;
		padding-bottom: 46px
	}

	.about-page.about-section {
		padding-bottom: 120px
	}

	.blog-page-section .pagination-outer {
		margin-top: 0
	}

	.blog-detail-section .inner-container h4 {
		margin-bottom: 30px
	}

	.blog-detail-section .image-box {
		margin-bottom: 67px
	}

	.blog-detail-section .inner-container p {
		margin-bottom: 20px
	}

	.blog-detail-section .inner-container blockquote {
		margin-bottom: 30px;
		margin-top: 20px
	}

	.blog-detail-section .inner-container blockquote .quote-heading {
		margin-bottom: 20px
	}

	.blog-detail-section .inner-container .gallery-column {
		margin-top: 50px
	}

	.blog-detail-section .post-share-options {
		margin-top: 40px
	}

	.blog-detail-section .more-posts {
		margin-top: 73px
	}

	.about-section {
		padding: 100px 0 100px
	}

	.mb-md-30px {
		margin-bottom: 30px
	}

	.project-section {
		padding: 100px 0 100px
	}

	.team-section {
		padding: 100px 0 100px
	}

	.pricing-section {
		padding-top: 100px
	}

	.pricing-section .inner-container {
		padding-bottom: 95px
	}

	.press-section {
		padding-top: 100px;
		padding-bottom: 100px
	}

	.testimonial-section {
		padding: 100px 0 0
	}

	.clients-section {
		padding: 99px 0 97px
	}
}

@media only screen and (max-width:767px) {
	.about-section h2,
	.sec-title h2 {
		font-size: 34px
	}
	.slider-icon-scroll span{font-size:25px;}
	.slider-icon-scroll{left: 52.5%}
.shape-image img{width: 120px;}
	.main-header .header-upper .logo-box{width: 280px;padding:10px 0;}
	.main-header.fixed-header .header-upper .logo-box .logo{padding:15px 0;}
	.text-start h2{font-size: 20px !important;line-height:40px !important;}
	.cr-readmore{margin-top: 10px !important}
	.text-start span{font-size: 14px !important;}
.main-header .nav-outer{width: 80px;}
.owl-carousel .owl-nav button.owl-next{right: -10px;}
.owl-carousel .owl-nav button.owl-prev{left: -10px;}
	.mobile-menu{width: 80%;}

	.lang_nei{display: none}
	.sm_lang{display: flex;}

	.title {
		line-height: 33px;
		font-size: 23px
	}

	.banner-section .slide {
		height: 550px
	}

	.banner-section .content-boxed .content {
		font-size: 18px
	}

	.about-section .image {
		margin: 0 0 25px
	}

	.about-section .image .image-left {
		box-shadow: -10px 15px 0 0 #f9f3e7
	}

	.sec-title .text br {
		display: none
	}

	.main-menu .navigation>li.has-mega-menu {
		position: relative !important
	}

	.header-upper .logo-outer {
		position: relative;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		margin: 0
	}

	.main-menu {
		width: 100%;
		display: block
	}

	.main-menu .navbar-collapse {
		max-height: 300px;
		max-width: none;
		overflow: auto;
		float: none !important;
		width: 100% !important;
		padding: 0 0 0;
		border: none;
		margin: 0 0 15px;
		-ms-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		box-shadow: none
	}

	.main-menu .collapsing,
	.main-menu .navbar-collapse.in {
		padding: 0 0 0;
		border: none;
		margin: 0 0 15px;
		-ms-border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		box-shadow: none
	}

	.main-menu .navbar-header {
		position: relative;
		float: none;
		display: block;
		text-align: right;
		width: 100%;
		padding: 15px 0;
		right: 0;
		z-index: 12
	}

	.main-menu .navbar-header .navbar-toggle {
		display: inline-block;
		z-index: 12;
		border: 1px solid #cc8809;
		float: none;
		margin: 0;
		border-radius: 0;
		background: #cc8809
	}

	.main-menu .navbar-header .navbar-toggle .icon-bar {
		background: #fff
	}

	.main-menu .navbar-collapse>.navigation {
		float: none !important;
		margin: 0 !important;
		width: 100% !important;
		background: #2c2c2c;
		border: 1px solid #fff;
		border-top: none
	}

	.main-menu .navbar-collapse>.navigation>li {
		margin: 0 !important;
		float: none !important;
		padding: 0 !important;
		width: 100%
	}

	.main-menu .navigation>li>a,
	.main-menu .navigation>li>ul:before {
		border: none
	}

	.main-menu .navbar-collapse>.navigation>li>a {
		padding: 10px 10px !important;
		border: none !important
	}

	.main-menu .navigation li.dropdown>a:after,
	.main-menu .navigation>li.dropdown>a:before,
	.main-menu .navigation>li>ul>li>a::before,
	.main-menu .navigation>li>ul>li>ul>li>a::before {
		color: #fff !important;
		right: 15px;
		font-size: 16px;
		display: none !important
	}

	.main-menu .navbar-collapse>.navigation>li>ul,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul {
		position: relative;
		border: none;
		float: none;
		visibility: visible;
		opacity: 1;
		display: none;
		margin: 0;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		padding: 0;
		outline: 0;
		width: 100%;
		background: #2c2c2c;
		-webkit-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		-o-transition: none !important;
		-moz-transition: none !important
	}

	.main-menu .navbar-collapse>.navigation>li,
	.main-menu .navbar-collapse>.navigation>li>ul>li,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
		border-top: 1px solid #fff !important;
		border-bottom: none;
		opacity: 1 !important;
		top: 0 !important;
		left: 0 !important;
		visibility: visible !important
	}

	.main-menu .navbar-collapse>.navigation>li:first-child {
		border: none
	}

	.main-menu .navbar-collapse>.navigation>li>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
		padding: 10px 10px !important;
		line-height: 22px;
		color: #fff;
		background: #2c2c2c;
		text-align: left
	}

	.main-menu .navbar-collapse>.navigation>li>a:active,
	.main-menu .navbar-collapse>.navigation>li>a:focus,
	.main-menu .navbar-collapse>.navigation>li>a:hover {
		background: #cc8809
	}

	.main-menu .navbar-collapse>.navigation>li.current-menu-item>a,
	.main-menu .navbar-collapse>.navigation>li.current>a,
	.main-menu .navbar-collapse>.navigation>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
	.main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a {
		background: #2c2c2c;
		color: #fff !important
	}

	.main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn {
		display: block
	}

	.main-menu .navbar-collapse>.navigation li.dropdown:after,
	.main-menu .navigation>li>ul:before,
	.main-slider .owl-nav {
		display: none !important
	}

	.main-header .header-upper .outer-box {
		position: absolute;
		left: 0;
		top: 0;
		right: auto;
		z-index: 12;
		padding-left: 0;
		padding-top: 4px;
		margin-left: 0;
		display: none
	}

	.main-header .main-box .logo-box {
		float: none;
		text-align: center;
		padding-bottom: 10px
	}

	.main-header .header-lower .outer-box {
		position: absolute;
		z-index: 12;
		display: block
	}

	.main-menu .navbar-header .navbar-toggler {
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0;
		text-align: center;
		border-radius: 0;
		background: 0 0;
		border: 1px solid #fff
	}

	.main-menu .navbar-header .navbar-toggler .icon-bar {
		position: relative;
		background: #fff;
		height: 2px;
		width: 26px;
		display: block;
		margin: 0 auto;
		margin: 5px 11px
	}

	.main-header .header-upper .search-box-outer .dropdown-menu {
		top: 51px !important;
		left: 0;
		right: auto
	}

	.main-header .header-upper .logo-box {
		z-index: 20
	}

	.main-menu {
		display: none
	}
.main-header .header-upper .logo-box .logo{
	padding:10px 0;
}
.navbar-header{display: none}
.lang{padding-right: 20px;margin-top: 0 !important;margin-bottom: 20px;}
	.nav-outer .mobile-nav-toggler {
		display: block;
		margin: 0;
		padding: 0px 0;
		margin-left: 0;
		font-size: 32px;
		color:#333;margin-top: 20px
	}

	#navbarSupportedContent {
		display: block
	}

	.mCSB_inside>.mCSB_container {
		margin-right: 0
	}

	.sticky-header .mobile-nav-toggler {
		display: block;
		color: #fff;
		font-size: 28px;
		padding: 25px 0;
		cursor: pointer
	}

	.banner-section .content-boxed h1 {
		letter-spacing: 5px
	}

	.banner-section .content-boxed .text {
		margin-top: 40px
	}

	.about-section .text {
		font-size: 14px;
		margin-bottom: 15px;
		margin-top: 15px;

	}

	.team-section .team-block:nth-child(2n+1) .inner-box .overlay-content {
		left: 0
	}

	.team-section .team-block:nth-child(2n) .inner-box .overlay-content {
		right: 0
	}

	.team-block .inner-box .overlay-content {
		width: 300px;
		height: auto;
		top: 30%
	}

	.team-block .inner-box .overlay-content .social-box li {
		margin-right: 10px
	}

	.pricing-section .pricing-tabs .tabs-content {
		background: 0 0
	}

	.price-block .inner-box {
		border-radius: 10px;
		background-color: #fff
	}

	.main-footer .footer-widget {
		text-align: center
	}

	.header-style-two .mobile-nav-toggler {
		color: #000
	}

	.gallery-page-section .filters li {
		padding: 0 10px
	}

	.page-title-section h1 {
		font-size: 50px
	}

	.page-title-two-section h1 {
		font-size: 60px
	}

	.challenge-section .title-box h2 {
		font-size: 30px
	}

	.challenge-section .challenge-column {
		text-align: center
	}

	.blog-page-section .filters li {
		padding: 0 10px
	}

	.page-title-three-section h1 {
		font-size: 40px;
		line-height: 1.4em
	}

	.blog-detail-section .inner-container h4 br {
		display: none
	}

	.blog-detail-section .more-posts .pull-left,
	.blog-detail-section .more-posts .pull-right,
	.project-description-section .more-posts .pull-left,
	.project-description-section .more-posts .pull-right {
		width: 100%;
		text-align: center
	}

	.blog-detail-section .more-posts .next-posts,
	.project-description-section .more-posts .next-posts {
		margin-top: 20px
	}

	.about-section {
		padding: 20px 0 30px
	}

	.services-section {
		padding-bottom: 80px
	}

	.project-section {
		padding: 77px 0 80px
	}

	.team-section {
		padding: 77px 0 80px
	}

	.mb-70px {
		margin-bottom: 50px !important
	}

	.sec-title.mb-50px {
		margin-bottom: 30px !important
	}

	.pricing-section {
		padding-top: 77px
	}

	.pricing-section .inner-container {
		padding-bottom: 74px
	}

	.press-section {
		padding-top: 30px;
		padding-bottom: 10px
	}
.press-section .sec-title{
	margin-bottom: 15px;
}
	.testimonial-section {
		padding: 77px 0 0
	}
.press-block .inner-box .zhu_list .zhu_item div{
	padding:10px;
	font-size:14px;
	line-height:25px;
}
	.testimonial-section .owl-nav {
		top: -87px
	}
.clients-section .title{
	margin-top: 30px;
}
	.clients-section {
		padding:0px 0 30px
	}

	.main-footer .widgets-section {
		padding-top: 79px;
		padding-bottom: 21px
	}

	.gallery-page-section .loading-boxed {
		margin-top: -35px
	}

	.gallery-page-section {
		padding: 20px 0 80px
	}

	.page-title-two-section {
		padding: 90px 0 70px
	}

	.page-title-two-section .page-breadcrumb {
		margin-top: 20px
	}

	.gallery-page-section .filters {
		margin-bottom: 40px
	}

	.gallery-page-section .loading-boxed {
		margin-top: 20px
	}

	.challenge-section {
		padding-top: 71px
	}

	.challenge-section .title-box h2 {
		margin-top: 20px
	}

	.challenge-section .title-box {
		margin-bottom: 50px
	}

	.challenge-section .inner-container {
		padding-bottom: 41px
	}

	.project-description-section {
		padding-top: 69px;
		padding-bottom: 69px
	}

	.project-description-section .gallery-column {
		margin-bottom: 39px
	}

	.project-description-section .start-box {
		margin-top: 80px
	}

	.project-description-section .more-posts {
		padding-top: 60px;
		margin-top: 80px
	}

	.about-page.about-section {
		padding-bottom: 80px
	}

	.blog-page-section {
		padding: 20px 0 73px
	}

	.blog-detail-section .more-posts {
		padding-bottom: 75px
	}

	.blog-detail-section .lower-section {
		padding: 80px 0 80px
	}

	.blog-detail-section .more-posts {
		margin-top: 50px
	}

	.blog-detail-section .post-share-options .social-box {
		margin-top: 20px
	}

	.blog-detail-section .post-share-options {
		margin-top: 20px
	}

	.map-section iframe {
		height: 400px
	}

	.contact-info-section {
		padding: 60px 0 40px
	}

	.contact-title {
		margin-bottom: 50px
	}

	.contact-form-section .inner-container {
		padding: 73px 40px 80px 40px
	}

	.contact-form-section {
		padding-bottom: 80px
	}

	.pricing-section .price-block {
		border: none
	}
}

@media only screen and (max-width:575px) {
	.banner-section .slide {
		height: 450px
	}

	.about-section h2,
	.sec-title h2 {
		font-size: 20px
		line-height:40px;
	}

	.banner-section .content-boxed .text br {
		display: none
	}

	.project-section .sec-title .pull-right {
		width: 100%
	}

	.testimonial-block .inner-box {
		padding-left: 25px;
		padding-right: 25px
	}

	.gallery-page-section .filters li {
		text-transform: capitalize
	}

	.gallery-page-section .project-block {
		margin-bottom: 30px
	}

	.page-title-two-section h1 {
		font-size: 50px
	}

	.blog-detail-section .lower-section .comments-area .comment,
	.blog-detail-section .lower-section .comments-area .comment .comment-inner {
		padding-left: 0
	}

	.blog-detail-section .lower-section .comments-area .comment-box .author-thumb {
		position: relative
	}

	.contact-form-section .inner-container {
		padding-left: 20px;
		padding-right: 20px
	}

	.contact-title .title {
		line-height: 34px;
		font-size: 24px
	}
}

@media only screen and (max-width:479px) {
	.banner-section .content-boxed h3 {
		font-size: 22px
	}

	.about-section .button-box .play-box {
		top: 0
	}

	.project-tab .product-tab-btns .p-tab-btn {
		padding: 0 5px 0
	}

	.main-header .header-upper .social-box {
		display: none
	}

	.main-header .header-upper .logo-box {
		left: 0;
		margin-left: 0
	}

	.testimonial-section .owl-nav {
		position: relative;
		top: auto;
		bottom: -20px;
		margin-left: -14px
	}

	.team-section .team-block {
		width: 100%
	}

	.pricing-tabs .tab-buttons .tab-btn {
		margin: 0 10px
	}

	.page-title-section h1,
	.project-description-section .title-box h2 {
		font-size: 30px
	}

	h4 {
		font-size: 20px
	}

	.video-boxed .overlay-box span {
		width: 80px;
		height: 80px;
		line-height: 72px;
		font-size: 24px;
		margin-left: -40px;
		margin-top: -40px
	}

	.video-boxed .ripple,
	.video-boxed .ripple::after,
	.video-boxed .ripple::before {
		width: 80px;
		height: 80px
	}

	.page-title-two-section {
		padding: 80px 0
	}

	.map-section iframe {
		height: 320px
	}

	.page-title-two-section h1 {
		font-size: 36px
	}

	.about-section .text {
		margin-top: 28px;
		margin-bottom: 40px
	}

	.about-section h2 {
		line-height: 38px
	}

	.sec-title {
		margin-bottom: 30px
	}

	.services-section .sec-title {
		margin-bottom: 50px
	}

	.pricing-section {
		padding-top: 76px
	}

	.pricing-section .lower-text {
		font-size: 16px
	}

	.page-title-two-section {
		padding: 90px 0 70px
	}

	.banner-section .content-boxed .text {
		font-size: 18px;
		line-height: 28px
	}
}