@media only screen and (max-width: 7000px) {
	.page-wrapper {
		overflow: hidden;
	}

}

@media only screen and (max-width: 1400px) {
	.header-style-one .navbar-right-info {
		display: none;
	}

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

	.main-menu .navigation>li:nth-last-child(-n+3)>ul>li>ul {
		left: auto;
		right: 100%;
	}

	.main-menu .navigation>li:nth-last-child(-n+2)>ul {
		left: auto;
		right: 0;
	}

	.main-menu .navigation>li:nth-last-child(-n+2)>ul>li>ul {
		left: auto;
		right: 100%;
	}
}

@media only screen and (max-width: 1199px) {
	.main-header .header-upper .auto-container {
		padding: 0 15px;
	}

	.main-header.header-style-three .navbar-right-info {
		display: none;
	}

	.newsletter-section-two .wrapper-box {
		padding: 0 15px;
	}

	.process-block-two .icon {
		margin-bottom: 30px;
	}

	.banner-section .banner-slider-nav {
		/*display: none;*/
	}
}

@media only screen and (max-width: 1139px) {

	.banner-section.style-four .content-box .shape-one,
	.banner-section.style-four .content-box .shape-two,
	.main-header.header-style-two .sidemenu-nav-toggler,
	.main-header .nav-outer .main-menu,
	.sticky-header {
		/* display: none !important; */
	}

	.nav-outer .mobile-nav-toggler {
		display: block;
	}

	.main-header.header-style-five .header-upper .wrapper-box {
		display: none;
	}

	.main-header.header-style-five .header-lower {
		margin-bottom: 0;
	}

	.main-header.header-style-five .header-lower .inner-container {
		box-shadow: none;
	}

	.header-style-five .nav-outer .mobile-nav-toggler {
		position: absolute;
		right: 0;
		top: -90px;
	}
}

@media only screen and (max-width: 991px) {
	.projects-section-two {
		padding-bottom: 90px;
	}

	.services-details .content-side h3 {
		font-size: 30px;
	}

	.news-block-five .inner-box,
	.news-block-four .inner-box {
		margin-bottom: 50px;
	}

	.sidebar-page-container .pagination {
		margin-bottom: 50px;
	}

	.timeline-block li:nth-child(even) {
		transform: translateY(0);
	}

	.timeline-block li {
		width: 100%;
	}

	.timeline-block:before {
		display: none;
	}

	.timeline-block li:after {
		display: none;
	}

	.timeline-block li:before {
		display: none;
	}

	.timeline-block {
		padding-bottom: 0;
	}

	.room-dimention .content {
		margin-left: 0;
		margin-right: 0;
		padding-left: 50px;
		padding-right: 50px;
	}

	.banner-section .content-box-three {
		padding: 220px 0 180px;
	}

	.contact-section-four .contact-form-area {
		padding-left: 20px;
		padding-right: 20px;
		margin-right: 0;
	}

	.banner-section.style-six .link-box {
		margin-left: -10px;
	}

	.banner-section.style-six .link-box:before {
		display: none;
	}

	.banner-section .content-box-three .inner {
		padding: 30px;
		width: inherit;
		max-width: 500px;
	}

	.banner-section .content-box-three h1 {
		font-size: 36px;
		line-height: 45px;
	}

	.projects-section-five {
		padding-top: 30px;
	}

	.team-section {
		padding-bottom: 90px;
	}

	.contact-section-three .contact-form-area {
		padding-left: 40px;
		padding-right: 40px;
	}

	.contact-section-three h3:before {
		display: none;
	}

	.about-us-section-five blockquote {
		margin-top: 30px;
	}

	.projects-section-four .link-btn-two {
		position: absolute;
		right: 50%;
		bottom: -30px;
		transform: translateX(50%);
	}

	.project-block-four:nth-child(even) .inner-box {
		top: 0;
	}

	.working-process-section-two .sec-bg {
		bottom: 400px;
		height: auto;
	}

	.services-section.style-two .outer-container {
		padding: 0;
	}

	.services-section.style-two {
		padding-bottom: 120px;
	}

	.newsletter-section-two .sec-bg-one {
		display: none;
	}

	.newsletter-section-two .sec-bg-two {
		width: 100%;
	}

	.project-block-three.style-two .inner-box {
		margin-bottom: 40px;
	}

	.project-block-three.style-two .content {
		transform: translate(0%, 50%);
	}

	.about-us-section-three .image {
		margin-bottom: 30px;
	}

	.about-us-section-three img {
		width: 100%;
	}

	.banner-section .content-box h1 {
		font-size: 50px;
		line-height: 60px;
	}

	.banner-section.style-five .content-box {
		padding: 200px 0;
	}

	.banner-section .content-box {
		padding: 280px 0 200px;
	}

	.banner-section br {
		display: none;
	}

	.big-title {
		font-size: 150px;
	}

	.about-us-section .image-block {
		display: inline-block;
		padding-bottom: 50px;
	}

	.about-us-section .image-block .logo {
		position: absolute;
		margin-top: 0;
		margin-left: 0;
		display: inline-block;
		left: 0;
		bottom: -40px;
		width: 100%;
	}

	.funfacts-section .image {
		display: none;
	}

	.funfacts-section {
		padding: 50px 0 80px;
	}

	.process-block .inner-box {
		max-width: 400px;
		margin: 0 auto 30px;
	}

	.news-block-one .content {
		margin-left: 0;
	}

	.header-top .right-column {
		display: none;
	}

	.header-top .left-column {
		width: 100%;
		text-align: center;
	}

	.about-us-section-two .content-block {
		margin-left: 0;
		margin-right: 0;
	}

	.about-us-section-two .wrapper-box {
		margin-left: 0;
		margin-right: 0;
	}

	.about-us-section-two:before {
		display: none;
	}

	.sec-title .sec-title-dec-two {
		display: none;
	}

	.contact-section .contact-form-area {
		padding-left: 30px;
		padding-right: 30px;
	}

	.contact-section .image img {
		width: 100%;
	}

	.clients-logo-section .image img {
		width: auto;
		margin: 0 auto;
	}

	.project-block-two .content {
		position: relative;
		width: 100%;
		justify-content: flex-start;
		padding: 30px;
	}

	.about-us-section-three {
		padding-bottom: 0;
	}

	.services-section-three {
		padding-bottom: 300px;
	}

	.funfacts-section-two .image {
		margin-left: 0;
	}

	.project-block-three.style-two .content {
		transform: translate(0%, 0%);
		bottom: 0;
	}

	.project-block-three .content {
		bottom: 0;
	}

	.project-block-three:nth-child(odd) .inner-box {
		top: 0;
	}

	.project-block-three:nth-child(even) .inner-box {
		margin: 0 auto 40px;
	}

	.project-block-three .inner-box {
		margin: 0 auto 40px;
	}

	.contact-section-two .contact-form-area {
		margin-left: 0;
	}

	.contact-section-two .image img {
		width: 100%;
	}
}

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

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

@media only screen and (max-width: 768px) {
	/* batas */
	.contact-section .contact-info-two .content {
		padding-left: 0;
	}

	.header-style-six .navbar-right-info .phone-number {
		display: none;
	}

	.about-us-section-five blockquote {
		padding-top: 70px;
	}

	.cta-section h2 {
		font-size: 30px;
		letter-spacing: -1px;
	}

	.news-block-one .image {
		margin-right: 0;
	}

	br {
		display: none;
	}

	.contact-section .bottom-content .contact-info li span {
		display: none;
	}

	.contact-section .bottom-content .contact-info li:first-child {
		padding-left: 0;
	}

	.contact-section .bottom-content .contact-info li:first-child:before {
		display: none;
	}

	.contact-section .bottom-content .contact-info li:last-child {
		padding-right: 0;
	}

	.contact-section .bottom-content .contact-info li:last-child:before {
		display: none;
	}

	.big-title {
		display: none;
	}

	.mobile-mb-50-footer {
	    margin-bottom: 50px;
	}
	.video-testimonial-mobile {
		height: fit-content;
	}

}

@media only screen and (max-width: 575px) {


	.news-block-five .content,
	.news-block-four .content,
	.blog-single-post .content {
		padding-left: 25px;
		padding-right: 25px;
	}

	.page-title .content-box h1 {
		font-size: 40px;
		line-height: 52px;
	}

	.blog-single-post blockquote {
		margin-left: 0;
	}

	.blog-single-post .list {
		padding-left: 0;
	}

	.comments-area .comment .comment-inner {
		width: 100%;
	}

	.contact-section .contact-info-two .content {
		margin-left: 0;
	}

	.project-block-four .content {
		position: relative;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.project-block-four .inner-box {
		margin-bottom: 40px;
	}

	.project-block-four:nth-child(even) .inner-box {
		margin-bottom: 40px;
	}

	.main-header.header-style-four .header-upper .inner-container {
		padding: 0 20px;
	}

	.contact-section-two .contact-form-area {
		padding-left: 20px;
		padding-right: 20px;
	}

	.newsletter-section-two input {
		width: 100%;
	}

	.project-block-three .content {
		position: relative;
		max-width: 100%;
	}

	.main-header .nav-outer .search-toggler {
		display: none;
	}

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

	.banner-section .content-box-two h1,
	.banner-section .content-box h1 {
		font-size: 36px;
		line-height: 45px;
		letter-spacing: -2px;
	}

	.sec-title h2 {
		font-size: 24px;
		line-height: 45px;
		letter-spacing: -2px;
	}

	.process-block .content {
		width: 100%;
		text-align: center;
	}

	.process-block .icon {
		margin: 0 auto;
		border: 0;
	}

	.feature-block {
		padding-left: 20px;
		padding-right: 20px;
	}

	.feature-block h3 {
		font-size: 36px;
		line-height: 45px;
		letter-spacing: -1px;
	}

	.feature-block h3:before {
		display: none;
	}

	.newsletter-section input {
		width: 100%;
	}

	.banner-section .content-box-two .inner {
		padding: 40px 30px;
	}

	.banner-section .link-box {
		padding-top: 20px;
	}
}


@media only screen and (max-width: 350px) {
	.main-header .header-upper .logo-box .logo {
		max-width: 150px;
	}

	
}



@media only screen and (max-width: 991px) {

	.logo {
		max-width: 110px;

	}

	.main-header .nav-outer {
		position: relative;
		z-index: 1;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		right: 0px;
	}

	.visible-xs,
	.visible-sm {
		display: block;
	}

	.visible-md,
	.visible-lg {
		display: none !important;
	}

	.sec-title {
		margin-bottom: 30px;
		font-size: 21px;
	}

	.latest-event-prev {
		background-image: none;
		left: 0 !important;
	}

	.latest-event-next {
		background-image: none;
		right: 0 !important;
	}

	.section-whats-on {
		padding-top: 20px;
		padding-bottom: 50px;
	}

	.blog-section {
		padding-top: 0px;
	}

	.tenant-section {
		padding-top: 100px;
	}

	.instagram-section {
		margin-top: 200px;
	}

	.footer-widget {
		position: relative;
		margin-bottom: 12px;
	}

	.footer-widget-title {
		padding-top: 14px;
		padding-bottom: 14px;
		color: #cf9c51;
		font-size: 14px;
		font-weight: 800;
		line-height: 20px;
	}

	.scroll-to-top {
		position: fixed;
		right: 50px;
		bottom: 50px;
		width: 54px;
		height: 54px;
		color: #ffffff;
		font-size: 18px;
		line-height: 54px;
		text-align: center;
		z-index: 100;
		cursor: pointer;
		background: #25283a;
		border-radius: 50%;
		margin-left: -26px;
		display: none;
		-webkit-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		transition: all 300ms ease;
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.about-us-section-three {
		position: relative;
		padding-top: 65px;
	}

	.title.blue h1 {
		font-size: 32px;
	}

	.filter-tenant-wrap {
		padding: 5px;
	}

	#serviceFacility .accordion {
		background-color: transparent;
		cursor: pointer;
		padding: 18px;
		width: 100%;
		border: none;
		text-align: left;
		outline: none;
		font-size: 15px;
		transition: 0.4s;
		position: relative;
		color: #282828;
		/* font-family: Avenir; */
		font-weight: 500;
		line-height: 20px;
	}

	.panelo p {
		color: #000000;
		/*font-family: Avenir;*/
		font-size: 14px;
		font-weight: 400;
		line-height: 21px;
	}

	.page-title .content-box {
		padding-left: 0;
		position: relative;
	}

	.btn-mobile-block {
		width: 100%;
		text-align: center;
		margin: auto;
	}

	.section-seemore {
		margin-top: 30px;
	}

	.tenant-detail-title {
		color: #282828;
		font-family: 'Libre Baskerville', serif;
		font-size: 24px;
		font-weight: 700;
		margin-bottom: 20px;
		margin-top: 40px;
	}

	.see-more-title {
		color: #282828;
		/*font-family: 'Libre Baskerville', serif;*/
		margin-bottom: 60px;
		font-size: 24px;
		font-weight: 700;
	}

	.section-whatson {
		padding-bottom: 30px;
	}

	.pagination-box h2 {
		font-size: 20px;
	}

	.pagination-box p {
		font-size: 14px;
	}

	.portfolio-section {
		position: relative;
		padding: 30px 0 90px;
	}

	.custom-page-title {
		padding-bottom: 20px;
	}

	.image-block-nearby {
		padding-bottom: 0 !important;
	}

	.nearby-section {
		padding-bottom: 50px;
	}

	.big-text {
		color: #282828;
		/*font-family: 'Libre Baskerville', serif;*/
		font-size: 28px;
		font-weight: 700;
	}

	.second-row-about {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.btn-mobile {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}

	.privilege-title {
		font-size: 24px;
	}

	.nearby-section .number {
		font-size: 36px;
		margin-right: 10px;
	}

	.privilege-list .col-11 {
		padding-left: 30px;
	}

	.privilege-list {
		margin-bottom: 30px;
	}

	.section-h2-custom {
		font-size: 28px;
	}

	#popUp .modal-dialog {
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		min-width: 85%;
		margin: auto;
	}

	#popUp button {
		position: absolute;
		right: 20px;
		top: 15px;
		font-size: 25px;
	}

	.yellow-line {
		display: none;
	}

	.contact-info-two .col-lg-5 {
		padding-bottom: 30px;
	}

	.gallery-block {
		padding-left: 5px;
		padding-right: 5px;
	}

	.portfolio-section .gallery-block .inner-box {
		margin-bottom: 10px;
	}

	.about-us-section h2 {
		position: relative;
		font-size: 24px;
		font-weight: 500;
		margin-bottom: 30px;
		letter-spacing: -3px;
	}

	.sec-title.small h2 {
		font-size: 24px !important;
		font-weight: 600;
		letter-spacing: -2px;
	}

	.project-block-five h5 {
		position: relative;
		white-space: nowrap;
		font-size: 10px;
		color: #fff;
	}

	.project-block-five h3 {
		position: relative;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.project-block-five {
		padding: 5px;
	}

	.project-block-five .inner-box {
		position: relative;
		margin-bottom: 5px;
	}

	footer .text {
		font-size: 12px;
	}

	footer li {
		font-size: 12px;
	}

	footer li a {
		font-size: 12px;
	}

	.links-widget ul li a {
		position: relative;
		color: white;
		font-weight: 400;
		font-size: 12px;
		-webkit-transition: all 0.3s ease 0s;
		-o-transition: all 0.3s ease 0s;
		transition: all 0.3s ease 0s;
	}

	.about-us-section-three .content h2 {
		position: relative;
		font-size: 24px;
		letter-spacing: -3px;
		font-weight: 500;
		margin-bottom: 30px;
	}

	.subscribe-text {
		color: #282828;
		/* font-family: Avenir; */
		display: inline;
		font-size: 12px;
		/* font-weight: 800; */
		line-height: 35px;
		margin-bottom: 0 !important;
	}

	.news-block-one h3 a {
		color: #222;
		font-size: 24px;
	}

	.project-block-five .inner-box:before {
		position: absolute;
		content: '';
		left: 0;
		right: 0;
		height: 0%;
		bottom: 0;
		background-image: -moz-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
		background-image: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
		background-image: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%);
		height: 100%;
		opacity: 1;
		transition: .5s;
	}

	.project-block-five .inner-box:hover:before {}

	.project-block-five .image img {
		width: 100%;
	}

	.project-block-five .content {
		position: absolute;
		left: 0;
		bottom: 35px;
		right: 0;
		padding: 30px 30px;
		text-align: center;
		opacity: 1;
		transition: .5s;
	}

	.project-block-five .inner-box:hover .content {}

	.custom-col-6 {
		-ms-flex: 0 0 49%;
		flex: 0 0 49%;
		max-width: 49%;
	}



}


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

	.visible-xs,
	.visible-sm {
		display: none;
	}

	.visible-md,
	.visible-lg {
		display: block;
	}

}

@media only screen and (max-width: 768px) { 
	/* mobile version */
	.order-mobile-1 {
		order: 1;
	}
	.order-mobile-2 {
		order: 2;
	}
	.order-mobile-3 {
		order: 3;
	}
	.performa-desc-loop {
		margin-top: 15px;
	}
	.performa-desc-loop h4 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: 600;
	}
	.performa-desc h4 {
		font-size: 18px;
	}
	.button-fixed {
		width: 55px;
	}
	.button-fixed-box a span {
		font-size: 8px;
	}
	.mobile-text-center {
		text-align: center;
	}
	.sec-title h2 {
		letter-spacing: 0;
	}
	.card-container {
		padding: 0 !important;
	}
	.pagination-video-mobile {
		margin-top: 15px;
    	text-align: center;
	}
	.pagination-video-mobile .swiper-pagination-bullet {
		margin-right: 5px;
		margin-left: 5px;
	}
	.mobile-navbar {
		padding: 0;
	}
	.mobile-navbar .navbar-collapse {
		padding: 0 1rem;
	}
	.margin-mobile-auto {
		display: block;
	}
	.margin-top-desktop {
		margin-top: 4.5rem;
	}
	.breadcrumbs {
		display: none;
	}
	.booking-tabs .nav-item {
		width: 50%;
    	text-align: center;
	}
	.footer-link ul li {
		padding: 0px 10px 15px 0px;
	}
	.footer-link ul li a {
		padding: 0 10px 10px 0px;
	}
	.footer-socmed ul li {
		padding: 0px 20px 0px 0px;
	}
	.mobile-font-32 {
		font-size: 32px !important;
	}
	.mobile-font-27 {
		font-size: 27px !important;
	}
	.pagingBox .jumpPage .pagingTitle {
		width: 350px;
	}
	.product-search i {
		right: 16%;
	}
	.product-search .search-button {
		right: 15%;
	}
	.product-search .search-field {
		width: 70%;
	}
	.color-360 .color-title {
		margin-right: 15px;
	}
	.accordion-img .fullImageSet .btn-link {
		bottom: 10px;
	}
	.pagination-about-news {
		position: relative;
		margin-top: 15px;
	}
	.portfolio-section-two {
		padding-bottom: 0;
	}
	.step-next-model a i, 
	.step-prev-model a i,
	.step-next-model a span,
	.step-prev-model a span {
		font-size: 20px;
	}
	.step-prev-model a span {
		margin-left: 10px;
	}
	.step-next-model a span{
		margin-right: 10px;
	}
	.bg-brown-model {
		padding: 30px 0 30px;
	}
	.p-5 {
		padding: 1rem!important;
	}
	.spekFlexColumn {
		flex-direction: column;
	}
	.spekFlexColumn .contentSpekHeader {
		margin-bottom: 15px;
		width: 100%;
	}
	.img-view img {
		width: 70px;
	}
}