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

	.outer-menu-block {
		height: 100%;
	}

	.nav-footer::after {
		top: -79px;
		background-size: 100% 100%;
	}
}
@media screen and (max-width: 1680px) {

	.logo {
		margin-right: 25px;
		width: 230px;
	}

	.navigation ul li {
		margin-right: 15px;
		font-size: 15px;
	}

	.nav-line a {
		font-size: 15px;
	}

	.support-logo ul li {
		margin-right: 30px;
		max-width: 210px;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	h7 {
		padding: 0 0 20px;
	}

	.featurd-block {
		min-height: auto;
	}

	.ft-links li a {
		font-size: 14px;
	}

	.ft-social-links {
		right: 0;
	}
}
@media screen and (max-width: 1400px) {

	h1 {
		font-size: 85px;
		line-height: 95px;
	}

	h2 {
		font-size: 50px;
		line-height: 60px;
	}

	h3 {
		font-size: 47px;
		line-height: 57px;
	}

	h4 {
		font-size: 41px;
		line-height: 51px;
	}

	h5 {
		font-size: 30px;
		line-height: 40px;
	}

	h6 {
		font-size: 22px;
		line-height: 32px;
	}

	h7 {
		font-size: 18px;
		line-height: 28px;
	}

	p {
		font-size: 22px;
		line-height: 34px;
	}

	.btn-custom {
		font-size: 22px;
	}

	.logo {
		margin-right: 25px;
		width: 170px;
	}

	.navigation ul li {
		margin-right: 10px;
		font-size: 13px;
	}

	.heading-block p br {
		display: none;
	}

	.fl-nav li {
		padding-right: 20px;
	}

	.fl-nav li::after {
		right: 9px;
	}

	.main-info-left p > br {
		display: none;
	}

	.add-popup .header {
		padding-top: 70px;
	}

	.outer-menu-block {
		height: auto;
	}

	.ft-links {
		margin: 0 -60px 0 0;
	}

	.hover-people-block {
		padding: 20px;
	}

	.hover-people-block h7 {
		padding-top: 0;
		padding-bottom: 15px;
	}

	.hover-people-block p {
		font-size: 16px;
		line-height: 24px;
	}

	.featurd-block {
		min-height: auto;
	}

	.nav-line a {
		font-size: 13px;
	}

	.about-card-inner-img {
		height: 520px;
	}
}

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

	h1 {
		font-size: 70px;
		line-height: 80px;
	}

	h5 {
		font-size: 26px;
		line-height: 36px;
	}

	h6 {
		font-size: 18px;
		line-height: 28px;
	}

	h7 {
		font-size: 16px;
		line-height: 24px;
	}

	.btn-custom {
		font-size: 18px;
	}

	.btn-custom-small {
		font-size: 13px;
	}

	.logo {
		margin-right: 15px;
		width: 140px;
	}

	.navigation ul li {
		margin-right: 8px;
		font-size: 11px;
	}

	.nav-line a {
		font-size: 11px;
	}

	.search-block img,
	.nav-line img {
		width: 24px;
	}

	.heading-block p br {
		display: none;
	}

	.event-card-info ul li {
		font-size: 12px;
	}

	.event-card-info ul li i {
		width: 26px;
	}

	.ft-right-block .text-base {
		font-size: 14px;
	}

	.fl-nav li {
		padding-right: 14px;
		font-size: 14px;
	}

	.fl-nav li::after {
		top: 6px;
	}

	.ft-right-block span {
		font-size: 14px;
	}

	.featurd-info h6,
	.event-card-info-md {
		bottom: -35px;
	}

	.info-heading {
		font-size: 80px;
	}

	.support-logo ul {
		margin-right: 0;
	}

	.nav-col ul li a {
		font-size: 13px;
	}

	.ft-links {
		margin: 0 -40px 0 0;
	}

	.nav-line a span {
		padding-right: 5px;
		bottom: -2px;
	}

	.event-card-img {
		height: 350px;
	}

	.ul-event-list {
		display: block;
	}

	.ul-event-list li {
		padding: 0;
	}

	.ft-social-links {
		position: static;
	}

	.nav-footer::after {
		top: -79px;
		background-size: 100% 100%;
	}
}

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

	h1 {
		font-size: 57px;
		line-height: 67px;
	}

	h2 {
		font-size: 48px;
		line-height: 58px;
	}

	h3 {
		font-size: 40px;
		line-height: 50px;
	}

	h4 {
		font-size: 33px;
		line-height: 43px;
	}

	h5 {
		font-size: 22px;
		line-height: 32px;
	}

	h6 {
		font-size: 17px;
		line-height: 26px;
	}

	h7 {
		font-size: 15px;
		line-height: 22px;
	}

	.logo {
		width: 180px;
	}

	.navigation {
		display: none;
	}

	.about-card h5 {
		font-size: 22px;
		line-height: 32px;
	}

	.event-card-info ul li {
		font-size: 10px;
		padding-right: 5px;
	}

	.event-card-info ul li i {
		width: 15px;
		padding-right: 0;
		margin-right: 5px;
	}

	.fl-nav {
		flex-wrap: wrap;
		flex: 1;
	}

	.fl-nav li::after {
		right: 6px;
		top: 9px;
	}

	.latest-event-list .btn-custom-small {
		font-size: 12px;
	}

	.info-heading {
		font-size: 70px;
	}

	.discover-card h6 {
		padding-bottom: 15px;
	}

	.support-logo ul li {
		margin-right: 20px;
		margin-bottom: 20px;
	}

	.add-popup .header {
		padding-top: 60px;
	}

	.search-block img,
	.nav-line img {
		width: auto;
	}

	.big-content p {
		font-size: 22px;
		line-height: 32px;
	}

	.btn-custom:focus,
	.btn-custom-small:focus {
		background-color: var(--white);
		color: var(--black);
	}

	.next-btn:focus {
		background-color: var(--yellow);
		color: var(--black);
	}

	.banner-img {
		height: 500px;
	}

	.banner img {
		object-fit: cover;
		height: 100%;
	}

	.nav-line a {
		font-size: 14px;
	}
}

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

	h1 {
		font-size: 57px;
		line-height: 67px;
	}

	h2 {
		font-size: 48px;
		line-height: 58px;
	}

	h3 {
		font-size: 40px;
		line-height: 50px;
	}

	h4 {
		font-size: 33px;
		line-height: 43px;
	}

	h5 {
		font-size: 28px;
		line-height: 38px;
	}

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

	h7 {
		font-size: 19px;
		line-height: 29px;
	}

	p {
		font-size: 19px;
		line-height: 29px;
	}

	img {
		filter: grayscale(0%);
	}

	.btn-custom {
		font-size: 16px;
		height: 30px;
		line-height: 34px;
	}

	.logo {
		width: 70px;
		overflow: hidden;
	}

	.logo a {
		display: block;
		width: 165px;
	}

	.search-block img,
	.nav-line img {
		width: 32px;
	}

	.banner {
		overflow: hidden;
	}

	.banner h1 {
		font-size: 8.7vw;
		line-height: 12vw;
		max-width: 290px;
	}

	.banner-scroll h6 {
		font-size: 19px;
		line-height: 22px;
	}

	.banner .wave-img {
		left: -250px;
		top: 80px;
		bottom: auto;
		z-index: 9;
	}

	.banner .wave-img img {
		width: 100%;
		max-width: initial;
	}

	.info-heading {
		font-size: 57px;
	}

	.info-heading span {
		-webkit-text-stroke: 1px var(--yellow);
	}

	.heading-block h6 {
		text-align: center;
		padding-bottom: 15px;
	}

	.about-block .container {
		padding: 0;
	}

	.about-card h5 {
		font-size: 23px;
		padding-bottom: 20px;
	}

	.about-card h7 {
		font-size: 16px;
		line-height: 26px;
	}

	.about-card-img {
		margin: -16px;
		background: #000;
		padding: 16px;
	}

	.about-card-img::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		background: #6bc3d8;
		height: 150px;
	}

	.btn-custom-small {
		font-size: 16px;
	}

	.discover-card h6 {
		font-size: 19px;
		line-height: 30px;
		padding-bottom: 15px;
	}

	.ft-right-block .text-base {
		font-size: 16px;
	}

	.fl-nav li {
		font-size: 16px;
	}

	.ft-right-block span {
		font-size: 16px;
	}

	.fl-nav li::after {
		right: 5px;
		top: 12px;
	}

	.ft-left-info h6 {
		font-size: 19px;
		line-height: 30px;
		padding-bottom: 10px;
		padding-top: 40px;
	}

	.ft-left-info h6 br {
		display: none;
	}

	.featurd-list,
	.latest-event-list {
		overflow-x: auto;
		overflow-y: hidden;
		padding-bottom: 15px;
	}

	.mobile-overflow-auto {
		margin-left: -15px;
		margin-right: -15px;
		overflow: hidden;
		margin-bottom: 3rem;
		height: 256px;
	}

	.latest-event-block .mobile-overflow-auto {
		height: 320px;
	}

	.featurd-card {
		max-width: 256px;
		flex: 0 0 256px;
	}

	.featurd-img {
		height: 256px;
	}

	.featurd-info h6 {
		font-size: 19px;
		line-height: 29px;
	}

	.event-card {
		max-width: 256px;
		flex: 0 0 256px;
	}

	.event-card-img {
		height: 320px;
	}

	.mobile-btn .btn-custom {
		font-size: 19px;
		height: 35px;
		line-height: 40px;
		text-transform: inherit;
	}

	.about-card-inner-img {
		margin: 0 auto;
	}

	.featurd-block .wave-img {
		top: -160px;
		left: -80px;
	}

	.featurd-block .wave-img img {
		width: 100%;
		max-width: initial;
	}

	.studio-block .wave-img {
		bottom: 0;
		left: -440px;
	}

	.studio-block .wave-img img {
		width: 100%;
		max-width: initial;
	}

	.about-card .wave-img {
		top: -40px;
		left: -520px;
	}

	.about-card .wave-img img {
		width: 100%;
		max-width: initial;
	}

	.discover-block .wave-img {
		top: auto;
		left: -450px;
		opacity: 0.5;
	}

	.discover-block .wave-img img {
		width: 100%;
		max-width: initial;
	}

	.wave-img {
		overflow: hidden;
	}

	.studio-block {
		height: 550px;
	}

	.creative-careers-about .heading-block h6 {
		text-align: left;
	}

	.creative-careers-about .featurd-list {
		overflow-x: inherit;
		overflow-y: inherit;
		margin-left: 0;
		margin-right: 0;
	}

	.latest-event-list-mobile {
		overflow-x: inherit;
		overflow-y: inherit;
		margin-left: -4px;
		margin-right: -4px;
	}

	.creative-careers-about .featurd-card {
		max-width: 100%;
		margin-bottom: 15px;
	}

	.creative-careers-about .featurd-card .featurd-info {
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	}

	.inner-banner h1 {
		max-width: inherit;
	}

	.careers-about-block .about-card-img::before {
		background-color: var(--green);
	}

	.studio-block::before {
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		content: "";
		height: 200px;
		z-index: 1;
	}

	.ft-links li a {
		font-size: 16px;
	}

	.coral-bg-about .about-card-img::before {
		background: #ed6e73;
	}

	.add-popup .header {
		padding-top: 50px;
	}

	.big-content p {
		font-size: 16px;
		line-height: 28px;
	}

	.latest-event-list-mobile .event-card {
		max-width: 100%;
		flex: 0 0 100%;
	}

	.latest-event-list-mobile .event-card-img {
		height: auto;
	}

	.img-gallery .owl-controls {
		bottom: -15px;
	}

	.main-info-right {
		max-width: 100%;
	}

	.creative-careers-about .featurd-list .featurd-img {
		height: auto;
	}

	.quote-block i {
		display: block;
		margin-bottom: 15px;
	}

	.latest-event-list-mobile h7 {
		font-size: 16px;
		line-height: 26px;
	}

	.latest-event-list-mobile .event-card-info-md {
		bottom: 0;
	}

	.latest-event-list-mobile .btn-custom-small {
		display: none;
	}

	.latest-event-list-mobile ul li {
		font-family: "MarkPro";
		font-weight: 400;
		font-size: 16px;
	}

	.latest-event-list-mobile .overlay::after {
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	}

	.latest-event-block-page .heading-block h6 {
		text-align: left;
	}

	.tab-links {
		margin-right: -15px;
	}

	.logo-nav {
		width: 215px;
	}

	.nav-footer::after {
		top: -40px;
		left: -430px;
		height: 50px;
		background-size: cover;
	}

	.nav-col ul li a {
		font-size: 16px;
	}

	.form-main input,
	.form-main select {
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
	}

	.form-row {
		margin-bottom: 20px;
	}

	.form-main textarea {
		height: 140px;
		padding: 10px 15px;
	}

	.booking-box .process-baar ul li {
		width: 100px;
		flex: 0 0 100px;
	}

	.under-line {
		width: 92%;
	}

	.icon-search-clt img {
		width: 32px;
	}

	.search-outer-block input {
		font-size: 19px;
		padding-right: 60px;
	}

	.enquire-form select.form-control-lg {
		background-position: right 15px center;
		background-size: 20px;
	}

	.next-btn:hover {
		background-color: #ffcf00;
		color: #000;
	}

	.outer-menu-block {
		height: 100%;
	}

	.gallery-block,
	.gallery-block .gallery-slide,
	.gallery-block .gallery-slide .owl-stage-outer,
	.gallery-block .gallery-slide .owl-stage,
	.gallery-block .gallery-slide .owl-item,
	.gallery-block .gallery-slide .item {
		height: 100vh;
	}

	.gallery-block .gallery-slide img {
		height: 100%;
		object-fit: cover;
	}

	.video-block {
		padding: 0;
		height: 100vh;
		margin: 80px 0;
	}

	.video-block iframe {
		height: 100% !important;
		width: 100% !important;
	}

	.set a::after {
		right: 15px;
	}

	.accordion-block .content {
		padding: 0 15px 18px;
		margin: 0;
	}

	.check-out {
		position: relative;
	}

	.check-out::after {
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		position: absolute;
		right: 0;
		left: 0;
		bottom: 0;
		content: "";
		height: 250px;
	}

	.read-link-book {
		display: block;
		margin-top: 50px;
	}

	.studio-block .info-heading span {
		-webkit-text-stroke: 1.5px var(--purple);
	}

	.creative-careers-block .info-heading span {
		-webkit-text-stroke: 1.5px var(--green);
	}

	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		border-radius: 0;
		height: 60px;
	}

	.gform_wrapper.gf_browser_chrome select {
		border-radius: 0;
		height: 60px !important;
	}

	.gform_wrapper textarea.medium {
		border-radius: 0;
	}

	.gform_wrapper textarea.medium {
		height: 150px !important;
	}

	.form-main .description_below li {
		margin: 0 0 30px !important;
	}

	.gform_button.button {
		font-size: 22px !important;
		line-height: 50px !important;
		width: auto !important;
	}

	.breadcrumb ul {
		flex-wrap: wrap;
	}

	.discover-block.discover-block-music .wave-img {
		top: 70px;
		left: -660px;
		opacity: 0.5;
	}

	.discover-block.discover-block-music .wave-img img {
		width: 1700px;
	}

	.menu-wave-bg {
		background: url(../images/nav-bg.svg) no-repeat center top 25px;
		background-size: cover;
	}

	.nav-head {
		min-height: 96px;
	}

	.owl-controls {
		bottom: 50px;
	}

	.header {
		position: fixed;
		z-index: 999;
	}

	.navnewclass .header {
		background-color: #000;
	}

	.add-popup.navnewclass .header {
		padding-top: 1.25rem;
	}

	.search-open.add-popup .header {
		padding-top: 1.25rem;
	}

	.search-open .top-baar-box {
		display: none;
	}

	.top-baar-box {
		z-index: 9999;
	}

	.bookly-left.bookly-mobile-float-none {
		width: 100%;
	}

	.bookly-available-date.bookly-js-available-date.bookly-left.bookly-mobile-float-none {
		width: 100%;
	}

	.bookly-week-days.bookly-js-week-days.bookly-table.bookly-left.bookly-mobile-float-none {
		width: 100%;
		padding-bottom: 15px;
	}

	.bookly-time-range.bookly-js-time-range.bookly-left.bookly-mobile-float-none {
		width: 100%;
		padding: 0;
	}

	.bookly-service-step .bookly-week-days span.bookly-bold {
		text-align: left;
	}

	.bookly-mobile-step-1,
	.bookly-details-step {
		margin: 0;
	}

	.intl-tel-input .country-list .country-name,
	.intl-tel-input .country-list .flag-box {
		color: #000;
	}

	.dashtext {
		display: inline-block;
	}

	.ft-links {
		margin: 0;
	}

	.footer .banner-scroll {
		display: block;
		text-align: center;
		padding-top: 40px;
		margin-bottom: -20px;
	}

	.footer .banner-scroll h6 {
		font-size: 26px;
		line-height: 28px;
	}

	.footer .info-heading {
		display: none;
	}

	.our-people-info {
		margin-top: -60px;
		padding: 0 20px;
		margin-bottom: 20px;
	}

	.event-card:hover .hover-people-block {
		opacity: 0;
	}

	.tickets-block ul li {
		font-size: 14px;
	}

	.event-dtl-lst {
		display: block;
	}

	.event-dtl-lst ul {
		margin-left: 0;
		margin-top: 10px;
		display: block;
	}

	.event-dtl-lst ul li {
		font-size: 13px;
	}

	.main-info-page p {
		font-size: 19px;
		line-height: 29px;
	}

	.got-question-block p {
		font-size: 16px;
		line-height: 24px;
	}

	.smt-text {
		font-size: 21px;
	}

	.modal-active .modal-custom-popup {
		opacity: 1;
	}

	.main-info-page {
		padding: 40px 0;
	}

	.banner-img {
		height: 480px;
	}

	.banner img {
		height: 100%;
		object-fit: cover;
	}

	.banner-img:before {
		z-index: 1;
	}

	.footer .stroke-line {
		-webkit-text-stroke: 0.5px #ffcf00;
	}

	.footer .yello {
		color: #ffcf00;
	}

	.no-results.not-found {
		padding: 120px 15px 70px;
	}

	.about-card-inner-img {
		height: 300px;
	}
}
@media screen and (max-width: 575px) {

	.banner .wave-img img {
		width: 900px;
	}

	.about-card .wave-img img {
		width: 1400px;
	}

	.studio-block .wave-img img {
		width: 980px;
	}

	.featurd-block .wave-img img {
		width: 1000px;
	}

	.discover-block .wave-img img {
		width: 1400px;
	}

	.top-baar-box p {
		padding: 0 20px 0 0;
		position: relative;
		height: 30px;
	}

	.top-baar-box p::after {
		width: 50px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		content: "";
		background: rgb(0, 0, 0);
		background: linear-gradient(280deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	}

	.support-logo ul li {
		margin-right: 10px;
		width: 46%;
	}

	.video-small-block iframe {
		width: 100%;
		height: 200px !important;
	}

	.map-block {
		height: 290px;
	}

	#map {
		height: 100% !important;
	}
}