@media screen and (min-width: 1201px) {
	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		max-width: 1300px;
	}

	.quick_contact_phone,
	.quick_contact_email {
		display: none;
	}
}

@media screen and (max-width: 1500px) {
	.aboutus-page-separator-content {
		padding: 40px 20px;
	}

	.team-box {
		height: 400px;
	}
}

@media screen and (max-width: 1380px) {
	.single-slide .video-holder video {
		width: auto;
		height: 100%;
	}

	.content-template-header-box .video-holder video {
		width: auto;
		height: 100%;
	}

	.chess-boxes-inner-box {
		min-width: 700px;
	}

	.chess-boxes-inner-box.enterLeft {
		left: 30px;
	}

	.chess-boxes-middle .chess-boxes-inner-box.enterRight {
		right: 30px;
	}

	.nav-menu-mobile-list li a {
		font-size: 22px;
	}

	.chess-boxes-image-src {
		height: 500px;
	}

	.wide-intro-section {
		padding: 100px 0 0;
	}

	.wide-intro-title h2 {
		margin-top: 0;
	}

	.icons-wide-section {
		padding: 100px;
	}
}

@media screen and (max-width: 1200px) {
	.header-contact-burger,
	.site-nav-btn .atom-btn {
		display: none;
	}

	.quick-contact-mobile {
		display: block;
	}

	.image-holder-bg-element-inner {
		right: -33%;
		width: 80%;
	}

	.image-holder-bg-element-inner-two {
		width: 80%;
	}

	.slide-two .text-content {
		margin: 0 0 0 50px;
	}

	.about-intro-section {
		padding: 100px 0;
	}

	.chess-boxes-inner-box.enterLeft {
		left: 80px;
		padding: 100px 100px 100px 40px;
		min-width: 600px;
	}

	.chess-boxes-middle .chess-boxes-inner-box.enterRight {
		right: 80px;
		padding: 100px 40px 100px 100px;
		min-width: 600px;
	}

	.icons-wide-section {
		padding: 100px 20px;
	}

	.nav-menu-panel {
		width: 60%;
	}

	.content-template-header-title h1 {
		font-size: 2rem;
	}
}

@media screen and (max-width: 1024px) {
	/**** General ***************************/
	h1 {
		font-size: 32px;
		margin-top: 30px;
		margin-bottom: 16px;
	}

	h2 {
		font-size: 28px;
		margin-top: 38px;
		margin-bottom: 20px;
	}

	h3 {
		font-size: 22px;
		margin-top: 36px;
		margin-bottom: 18px;
	}

	h4 {
		font-size: 18px;
		margin-top: 30px;
		margin-bottom: 16px;
	}

	h5 {
		font-size: 16px;
		margin-top: 28px;
		margin-bottom: 14px;
	}

	h6 {
		font-size: 14px;
		margin-top: 24px;
		margin-bottom: 10px;
	}

	.site-main-nav {
		background: transparent;
	}

	.site-main-nav:before {
		content: none;
	}

	.site-main-nav .nav_phone_holder {
		display: none;
	}

	.site-main-nav .links_holder {
		display: none;
	}

	.slide-two .text-content {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.content-table-line-three,
	.content-table-line-four,
	.content-table-line-five,
	.content-table-line-seven {
		display: none;
	}

	.content-template-header-box {
		align-items: flex-end;
	}

	.content-template-header-title {
		position: relative;
		right: 0;
	}

	/**** General ***************************/
	h1 {
		font-size: 32px;
		margin-top: 32px;
		margin-bottom: 20px;
	}

	h2 {
		font-size: 28px;
		margin-top: 30px;
		margin-bottom: 18px;
	}

	h3 {
		font-size: 24px;
		margin-top: 28px;
		margin-bottom: 16px;
	}

	h4 {
		font-size: 20px;
		margin-top: 26px;
		margin-bottom: 16px;
	}

	h5 {
		font-size: 18px;
		margin-top: 24px;
		margin-bottom: 14px;
	}

	h6 {
		font-size: 16px;
		margin-top: 22px;
		margin-bottom: 10px;
	}

	.image-holder-bg-element-inner {
		width: 90%;
	}

	.image-holder-bg-element-inner-two {
		width: 90%;
	}

	.fcd-item a {
		color: #fff;
	}

	.footer-content-data .fcd-icon svg path {
		fill: #fff;
	}

	.copyright-footer-content {
		text-align: center;
		flex-direction: column-reverse;
		gap: 20px;
	}

	.aboutus-page-footer-section {
		height: 500px;
		padding: 40px 15px;
		background-position: right;
		margin: 0 0 50px;
	}

	.chess-boxes-inner-box.enterLeft {
		left: 0;
		padding: 80px 40px;
	}

	.chess-boxes-middle .chess-boxes-inner-box.enterRight {
		right: 0;
		padding: 80px 40px;
	}

	.chess-boxes-image-carousel-src {
		height: 550px;
	}

	.chess-boxes-content.chess-boxes-middle .chess-boxes-inner-box {
		padding: 80px 40px;
	}

	.chess-boxes-text {
		width: 100%;
	}

	.footer-social-icon {
		color: var(--gray-color);
	}

	.footer-wrapper:before {
		width: 90%;
		clip-path: polygon(0 0, 0% 0, 80% 100%, 0 100%);
	}
}

@media screen and (max-width: 450px) {
	.branding-wrapper {
		top: 25px;
	}
	
	.nav-menu-mobile-inner {
		justify-content: center;
	}

	.about-intro-text h1 {
		font-size: 20px;
		line-height: 28px;
		margin-top: 0;
	}

	.main-logo img {
		max-height: 65px;
	}

	.content-template-header-title h1 {
		font-size: 30px;
	}

	.content-template-header {
		height: 400px;
	}

	.chess-boxes-price span {
		font-size: 20px;
	}

	.chess-boxes-inner-box {
		min-width: 100%;
	}

	.chess-boxes-content.chess-boxes-middle .chess-boxes-inner-box {
		padding: 40px 15px;
	}

	.rooms-page .first-boxes-inner .chess-boxes-inner-extra-box {
		right: 0;
	}

	.preload-element-line-one,
	.preload-element-line-two {
		top: 56%;
	}

	.header-burger {
		padding: 12px;
	}

	.site-main-nav {
		top: 25px;
	}

	.separation_area {
		padding: 20px 15px 40px;
	}

	.content-template-body.project-template {
		padding: 0;
	}

	.team-box .team-box-title {
		padding: 20px;
	}

	/* Main Menu  ****************************************/
	.nav-menu-mobile-list li a {
		padding: 15px 10px;
	}

	.cbi-carousel-navigation {
		padding: 10px;
	}

	.cbi-carousel-one-prev,
	.cbi-carousel-one-next,
	.cbi-carousel-two-prev,
	.cbi-carousel-two-next {
		margin: 10px;
	}

	/* Main Logo  ****************************************/
	.branding-wrapper.no-animation .main-logo {
		display: none;
	}

	.branding-wrapper {
		left: 0;
		padding: 10px 15px 10px 20px;
	}

	/* Slider  ****************************************/
	.slider-area,
	.slider-wrapper {
		height: 70vh;
	}

	.text-content h1.slide-hero {
		font-size: 20px;
		line-height: 28px;
	}

	.slide-button .atom-btn {
		margin: 0 5px 0 0;
		padding: 8px 24px;
	}

	.slide-overlay {
		padding: 0 15px;
	}

	.image-holder-bg-element-inner {
		right: 0;
		width: 74%;
	}

	.image-holder-bg-element-inner-two {
		left: 0;
		width: 74%;
	}

	.text-content {
		float: none;
		position: absolute;
		max-width: 100%;
	}

	.text-content.right {
		right: 4%;
		left: auto;
	}

	.text-content.left {
		left: 5%;
		right: auto;
	}

	/* About Intro  ****************************************/
	.about-intro-section {
		padding: 0;
	}

	.about-intro-content {
		margin: 0 15px;
	}

	.about-intro-content-box {
		padding: 0;
	}

	.about-intro-text {
		max-width: 100%;
	}

	.about-intro-text p {
		text-align: left;
	}

	/* Aboutus Page  ****************************************/
	.aboutus-page-intro-section {
		padding: 40px 15px;
	}

	.aboutus-page-intro-text {
		width: 100%;
	}

	.aboutus-page-footer-title h2 {
		margin-top: 0;
	}

	.aboutus-page-footer-text {
		width: 100%;
		padding: 40px 0 20px;
	}

	.aboutus-page-intro-content {
		text-align: left;
	}

	.aps-box {
		border-right: none;
		border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	}

	.icons-wide-box {
		margin-bottom: 30px;
	}

	.icons-wide-section {
		padding: 60px 0 20px;
	}

	/* Apartments Page  ****************************************/
	.apartments-page-intro-content h5 {
		font-size: 20px;
		text-align: center;
	}

	.apartments-page-intro {
		padding: 60px 0;
	}

	/* NAV PILLS TEMPLATE ***********************************************/
	.project-template .chess-boxes-title {
		width: 100%;
	}
	
	.chess-boxes-title {
		text-align: center;
	}

	.chess-boxes-image-carousel-item a {
		padding: 0;
	}

	/* Rooms Page  ****************************************/
	.chess-boxes-image-carousel-src {
		height: 250px;
	}

	.chess-boxes-content {
		padding: 0 0 40px;
	}

	.chess-boxes-inner-extra-box {
		padding: 30px 0;
		justify-content: flex-start;
	}

	/* Wide Intro  ****************************************/
	.wide-intro-content-inner {
		padding: 0 15px;
	}

	.wide-intro-title h2 {
		margin-top: 0;
	}

	.wide-intro-boxes {
		margin: 20px 0;
	}

	.wibc-inner {
		width: 100%;
		padding: 10px;
	}

	.wibc-title h3 {
		text-align: center;
	}

	.wibc-number {
		justify-content: center;
	}

	.wibc-number span,
	.wibc-number span {
		visibility: visible;
		opacity: 1;
	}

	.wibc-number span:nth-child(2) {
		position: unset;
	}

	/* Chess Boxes  ****************************************/
	.chess-boxes-inner-box.enterLeft {
		left: 0;
		padding: 60px 15px;
		min-width: 100%;
	}

	.chess-boxes-middle .chess-boxes-inner-box.enterRight {
		right: 0;
		min-width: 100%;
		padding: 60px 15px;
	}

	.chess-boxes-text.services-template {
		margin-bottom: 20px;
	}

	.chess-boxes-inner-box {
		outline: none;
		background: var(--body-background-color);
	}

	.chess-boxes-image-src {
		height: 350px;
	}

	.cb-data-content {
		justify-content: flex-start;
		padding: 25px 10px;
	}

	.chess-boxes-section {
		padding: 0;
	}

	/* Advantage Page  ****************************************/
	.adv-box {
		margin-bottom: 30px;
	}

	/* Index Gallery  ****************************************/
	.gallery-image-content {
		height: 70vh;
	}

	.gallery-index-carousel-navigation {
		padding: 0;
	}

	.galnav-more .atom-btn {
		font-size: 12px;
	}

	/* Burger Panel  ****************************************/
	.nav-menu-panel,
	.header-contact-burger-panel {
		width: 100%;
		height: 100%;
		padding: 120px 30px 50px;
	}

	.header-contact-burger-panel {
		padding: 60px 40px;
	}

	.burger-panel-text {
		padding: 10px 0;
	}

	.nav-menu-contact {
		display: none;
	}

	/* Gallery template  ****************************************/
	.gallery-template-wrapper {
		margin: 0;
	}

	.grid-gallery-layout {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		grid-auto-rows: minmax(150px, auto);
	}

	/* Contact Page ****************************************/
	.contact-page-wrapper {
		padding: 40px 15px;
	}

	.contact-description {
		width: 100%;
	}

	.contact-page-box {
		height: auto;
		margin-bottom: 0;
		padding: 15px 0;
	}

	.map-wrapper,
	.map-wrapper iframe {
		height: 400px;
		padding: 30px 0 0 0;
	}

	.contact-page-content-after {
		padding: 0 0 30px;
	}

	.contact-form-title {
		text-align: left;
		width: 100%;
	}

	.contact-form-title h3 {
		font-size: 1.7rem;
		padding: 15px 0 0;
	}

	/* Footer ****************************************/
	.footer-wrapper:before {
		top: auto;
		bottom: 0;
		height: 65%;
		width: 100%;
		clip-path: polygon(0 0, 0% 0, 100% 100%, 0 100%);
	}

	.footer-wrapper {
		padding: 50px 0;
	}

	.footer-wrapper .branding-page a img {
		height: 130px;
	}

	.footer-social-icon {
		color: var(--gray-color);
	}

	.footer-content-data {
		padding: 10px;
	}

	.footer-content-data:last-child {
		padding: 30px 10px 0;
	}

	.fcd-item .atom-btn {
		background-image: linear-gradient(
			145deg,
			rgb(27, 26, 26) 0%,
			rgb(41, 41, 41) 48%,
			rgba(0, 0, 0, 1) 97%
		);
	}

	.footer-content-intro {
		padding: 0 0 30px;
	}

	.copyright-footer-wrapper {
		padding: 20px 40px;
	}

	/**** General ***************************/
	.atom-btn {
		margin: 10px;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	p {
		font-size: 16px;
	}
}

@media screen and (max-width: 375px) {
	.slide-two .text-content {
		margin: 0 0 0 5px;
	}

	.wide-intro-content-inner {
		padding: 0 15px;
	}

	.wide-intro-boxes {
		margin: 0;
	}

	.aboutus-page-footer-text {
		padding: 10px 0;
		width: 100%;
	}

	.aboutus-page-intro-text {
		width: 100%;
	}

	.adv-box-inner-title h4 {
		font-size: 1.2rem;
	}

	.cb-data-icon {
		padding: 0 5px 0 0;
		margin: 0 5px 0 0;
	}

	.cb-data-icon img {
		height: 40px;
	}

	.cb-data-content {
		padding: 25px 0;
	}

	span {
		font-size: 12px;
		font-weight: 400;
	}

	.copyright-footer-wrapper {
		padding: 20px 50px;
	}

	/* Index Gallery  ****************************************/
	.galnav-more {
		margin: 20px 0;
	}

	.galnav-more .atom-btn {
		font-size: 12px;
		padding: 6px 10px;
		margin: 0;
	}
}
